/* ==========================================================
   skiandbike.cz – vlastní úpravy (Petra, od 11/2026)
   Načítá se z HTML editoru → Záhlaví, jedním řádkem <link>.
   Při každé změně souboru zvyš číslo ?v= v tom odkazu.
   Aktuální verze: v=6
   ========================================================== */


/* ----------------------------------------------------------
   1) Pořadí položek hlavního menu – jen desktop
   Pořadí se řídí tímto kódem, ne administrací.
   Nová položka menu se bez doplnění sem zobrazí na začátku.
   ---------------------------------------------------------- */
@media (min-width: 768px) {
  #navigation .menu-level-1 > li.menu-item-3176 { order: 1 !important; } /* Cyklistika */
  #navigation .menu-level-1 > li.menu-item-3242 { order: 2 !important; } /* Lyžování */
  #navigation .menu-level-1 > li.menu-item-6826 { order: 3 !important; } /* Garmin */
  #navigation .menu-level-1 > li.menu-item-5894 { order: 4 !important; } /* Servis */
  #navigation .menu-level-1 > li.menu-item-2711 { order: 5 !important; } /* Půjčovna */
  #navigation .menu-level-1 > li.nav-manufacturers { order: 6 !important; } /* Značky */
  #navigation .menu-level-1 > li.menu-item-external-139 { order: 7 !important; } /* Kontakt */
}


/* ----------------------------------------------------------
   2) Mobil – ikony v horní zelené liště podle šablony Classic
   !important kvůli starému souboru new/main.min.css
   ---------------------------------------------------------- */
@media (max-width: 767px) {
  /* Ikony uživatel, (lupa), košík – všechny stejně vysoké (22 px).
     Košík má menší font-size, protože jeho znak je v písmu
     vyšší a širší než ostatní. */
  #header a.toggle-window[data-target="login"]::before,
  #header a.toggle-window[data-target="search"]::before { font-size: 22px !important; }
  #header a.toggle-window[data-target="cart"]::before { font-size: 25px !important; }

  /* Menu: tmavě zelený kruh 32 px s bílými čárkami */
  #header a.toggle-window[data-target="navigation"]::before {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 14px !important;
    border-radius: 50% !important;
    background-color: #123b30 !important;
    color: #fff !important;
  }

  /* Bez popisku MENU pod ikonou (šablona ho nemá).
     Pro vrácení popisku smaž tento řádek. */
  #header a.toggle-window[data-target="navigation"]::after { display: none !important; }

  /* Telefonní číslo v liště výraznější (dřív 14 px, normální řez) */
  .top-navigation-bar .top-navigation-menu a[href^="tel:"] {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
  }

  /* Vyhledávání vždy rozbalené pod logem (v šabloně se otevírá lupou).
     Ikona lupy v liště je proto skrytá. */
  #header .header-top .search { display: block !important; }
  #header a.toggle-window[data-target="search"] { display: none !important; }

  /* Vyhledávací pole: v klidu bez rámečku (dřív měl rámeček jen
     „Hledat“), po kliknutí do pole zelený rámeček kolem celého bloku
     bez dělicí čáry. Přebíjí akip-menu/header-fix.css. */
  html body header#header .search #formSearchForm input[data-testid="searchInput"] {
    border: 2px solid transparent !important;
    border-right: 0 !important;
  }
  html body header#header .search #formSearchForm button[data-testid="searchBtn"] {
    border: 2px solid transparent !important;
    border-left: 0 !important;
  }
  html body header#header .search #formSearchForm:focus-within input[data-testid="searchInput"],
  html body header#header .search #formSearchForm:focus-within button[data-testid="searchBtn"] {
    border-color: #379683 !important;
  }

  /* Rovnoměrné rozestupy ikon (po 40 px): uživatel – košík – menu */
  #header a.toggle-window[data-target="cart"]  { right: 52px !important; }
  #header a.toggle-window[data-target="login"] { right: 96px !important; }
}