/* ============================================================
   DREVKO.FR – dklab obľúbené produkty: oprava ikony v hlavičke
   v8
   ============================================================ */

/* ---------- DESKTOP (≥ 768px) ----------
   Srdiečko vycentrované MEDZI vyhľadávaním a košíkom (rovnaké okraje) */
@media (min-width: 768px){
  .navigation-buttons #dkLabFavHeaderIconBtn{
    margin-left:22px !important;
    margin-right:22px !important;
    position:relative !important;
    z-index:2 !important;
  }
  .navigation-buttons #dkLabFavHeaderIconBtn em{
    z-index:3 !important;
  }
}

/* ---------- MOBILE (≤ 767px) ---------- */
@media (max-width: 767px){
  /* len bočný padding – NEMENÍME výšku hlavičky (inak prekrýva obsah) */
  div.navigation-wrapper{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  /* logo vľavo, staticky + bez animácie */
  div.navigation-wrapper .site-name{
    position:static !important;
    left:auto !important; right:auto !important;
    transform:none !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin-left:0 !important; margin-right:0 !important;
    transition:none !important;
  }

  /* skupina ikon vpravo */
  div.navigation-wrapper .navigation-buttons{
    margin-left:auto !important;
    width:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  /* všetky ikony rovnaký box 40px (ako košík) + vycentrovaný obsah */
  div.navigation-buttons a.toggle-window[data-target="search"],
  div.navigation-buttons > div,
  div.navigation-buttons a[data-target="cart"],
  div.navigation-buttons a.toggle-window[data-target="navigation"]{
    flex:0 0 40px !important;
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  div.navigation-buttons #dkLabFavHeaderIconBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:24px !important;
  }
  /* glyfy rovnako veľké ako košík */
  div.navigation-buttons a.toggle-window[data-target="search"],
  div.navigation-buttons a.toggle-window[data-target="navigation"]{
    font-size:24px !important;
  }
  div.navigation-buttons #dkLabFavHeaderIconBtn:before{
    font-size:24px !important;
  }

  /* hamburger vždy posledný; pevná šírka => X po kliku neposunie ikony */
  div.navigation-buttons a.toggle-window[data-target="navigation"]{
    position:static !important;
    order:9 !important;
  }
  div.navigation-buttons, div.navigation-buttons > *{ transition:none !important; }

  /* vyhľadávanie: lišta tesne POD hlavičkou */
  div.navigation-wrapper > .search{
    position:absolute !important;
    left:0 !important; right:0 !important;
    top:100% !important; bottom:auto !important;
    width:100% !important; height:auto !important;
    margin:0 !important;
    z-index:10000 !important;
    background:#fff !important;
    box-sizing:border-box !important;
    padding:10px 12px !important;
    box-shadow:0 6px 12px rgba(0,0,0,0.12) !important;
  }
  div.navigation-wrapper > .search .search-form,
  div.navigation-wrapper > .search fieldset{ width:100% !important; margin:0 !important; }
  div.navigation-wrapper > .search .query-input{ width:100% !important; box-sizing:border-box !important; }
}