/* ============================================================
   TOMAS ARSOV – přepínač měny CZK / EUR v hlavičce e-shopu   (v2)
   Kam vložit: Shoptet admin → Vzhled a obsah → Vlastní CSS
   K tomu patří skript ta-prepinac-meny.html → HTML kód patičky
   (přesun do mobilního menu + skrytí aktuálně zvolené měny v seznamu)

   Proč je potřeba:
   - theme redesign-2026 (styles-prio.css) přepínač měny schovává
   - v hlavičce (vlastní <style> v adminu) je navíc pravidlo
     .secondary-navigation__navigation-buttons li:has(#topNavigationDropdown){display:none}
     → obojí tento soubor přebíjí, nic z toho není nutné mazat

   Výsledek:
   - DESKTOP (od 1200 px): „CZK ▾“ na konci řádku odkazů
     „O nás · Blog · … · Kontakty“, zarovnaný pod ikonu košíku;
     vzhled jako přepínač jazyků (béžová šipka, bílá karta se stínem)
   - MOBIL (do 767 px): přepínač ve vysunutém menu vedle vlaječky,
     na řádku KONTAKTY (v horní liště se nezobrazuje)
   - TABLET (768–1199 px): přepínač mezi ikonou přihlášení a košíkem
   - rozbalený seznam ukazuje jen měnu, která NENÍ zvolená
   ============================================================ */

/* ---------- 1) Základ (všechny šířky) ---------- */

/* zrušit skrytí přepínače z theme */
#header .navigation-wrapper .top-nav-right .top-nav-bar .top-nav-currency{display:block!important}

/* tlačítko s kódem měny – styl jako ostatní texty v hlavičce */
#header .top-nav-currency #topNavigationDropdown{
  white-space:nowrap;
  color:#000;
  font-size:14px;
  font-weight:400;
}
#header .top-nav-currency #topNavigationDropdown:hover{color:#1125a9}

/* rozbalený seznam měn (tablet) – bílá karta se stínem jako u jazyků */
#header .top-nav-currency .dropdown-menu{
  min-width:0;
  width:max-content;
  margin-top:8px;
  padding:8px 0;
  border:0;
  border-radius:5px;
  background:#fff;
  box-shadow:0 4px 16px #0000001a;
}
#header .top-nav-currency .dropdown-menu>li>a{
  display:block;
  padding:4px 16px;
  font-size:14px;
  font-weight:400;
  line-height:16px;
  color:#1125a9;
  text-decoration:none;
  text-transform:none;
}
#header .top-nav-currency .dropdown-menu>li>a:hover{
  background:none;
  color:#1125a9;
  text-decoration:underline;
}

/* aktuálně zvolená měna se v rozbaleném seznamu nezobrazuje
   (třídu ta-currency--active doplňuje skript z patičky) */
[data-testid=topnavCurrencyDropdown] .ta-currency--active{display:none!important}

/* ---------- 2) Tablet + mobil (do 1199 px) ---------- */
@media (max-width:1199.8px){
  /* mezera mezi ikonou přihlášení a kódem měny v horní liště */
  #header .navigation-wrapper .top-nav-right .top-nav-bar .top-nav-currency{margin-left:8px}
}

/* ---------- 3) Mobil (do 767 px) – přepínač ve vysunutém menu ---------- */
/* Skript z patičky vloží kopii přepínače (li.ta-currency) do seznamu
   O NÁS … KONTAKTY v mobilním menu; jakmile tam je, horní lišta ho neukazuje. */
@media (max-width:767.8px){
  body:has(#navigation .ta-currency) #header .navigation-wrapper .top-nav-right .top-nav-bar .top-nav-currency{display:none!important}
}

#navigation .secondary-navigation__navigation-items>.ta-currency{
  position:absolute;
  right:84px;              /* nalevo od vlaječky */
  bottom:-2px;             /* svisle na střed řádku KONTAKTY, stejně jako vlaječka */
  z-index:101;
  display:flex;
  align-items:center;
  height:42px;
  margin:0;
  padding:0;
  list-style:none;
}
#navigation .ta-currency .dropdown{position:relative;display:flex;align-items:center}
#navigation .ta-currency .dropdown>span{display:none}   /* popisek „Ceny v:“ */
#navigation .ta-currency .dropdown>button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:10px 0;
  background:none;
  border:0;
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  color:#000;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
#navigation .ta-currency .dropdown>button:focus{outline:0}
#navigation .ta-currency .dropdown>button .caret{display:none}
#navigation .ta-currency .dropdown>button:after{
  content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' fill='none' viewBox='0 0 9 6'%3E%3Cpath fill='%23DDC9BB' d='M4.33 5.357 0 0h8.66z'/%3E%3C/svg%3E");
  display:block;
  line-height:0;
  transition:transform .3s ease;
}
#navigation .ta-currency .dropdown.open>button:after{transform:rotate(180deg)}

/* seznam se otevírá nahoru (jako u vlaječky), bílá karta se stínem */
#navigation .ta-currency .dropdown-menu{
  position:absolute;
  top:auto;
  bottom:100%;
  left:auto;
  right:0;
  margin:0 0 2px;
  min-width:0;
  width:max-content;
  padding:8px 0;
  border:0;
  border-radius:5px;
  background:#fff;
  box-shadow:0 4px 16px #0000001a;
  transform:none;
  z-index:1000;
}
#navigation .ta-currency .dropdown-menu>li>a{
  display:block;
  padding:4px 16px;
  font-size:14px;
  font-weight:400;
  line-height:16px;
  color:#1125a9;
  text-decoration:none;
  text-transform:uppercase;
}
#navigation .ta-currency .dropdown-menu>li>a:hover{
  background:none;
  color:#1125a9;
  text-decoration:underline;
}

/* ---------- 4) Desktop (od 1200 px) ---------- */
/* Theme JS na desktopu vkládá kopii přepínače do sekundární navigace
   (vedle vlaječky, přihlášení a košíku) – tu stylujeme tady. */
@media (min-width:1200px){
  #header .secondary-navigation{position:relative}

  #header .secondary-navigation__navigation-buttons>li:has(#topNavigationDropdown){
    display:flex!important;
    align-items:center;
    position:absolute;
    right:0;
    bottom:0;
    height:22px;
    margin:0;
    z-index:2;
  }

  /* popisek „Ceny v:“ nezobrazovat – stačí kód měny jako u vlaječky */
  #header .secondary-navigation__navigation-buttons .dropdown>span{display:none}

  #header .secondary-navigation__navigation-buttons #topNavigationDropdown{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:0;
    background:none;
    border:0;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.6;
    color:#000;
    white-space:nowrap;
    cursor:pointer;
    transition:color .3s ease;
  }
  #header .secondary-navigation__navigation-buttons #topNavigationDropdown:hover{color:#1125a9}
  #header .secondary-navigation__navigation-buttons #topNavigationDropdown:focus{outline:0}

  /* šipka – stejná jako u přepínače jazyků */
  #header .secondary-navigation__navigation-buttons #topNavigationDropdown .caret{display:none}
  #header .secondary-navigation__navigation-buttons #topNavigationDropdown:after{
    content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' fill='none' viewBox='0 0 9 6'%3E%3Cpath fill='%23DDC9BB' d='M4.33 5.357 0 0h8.66z'/%3E%3C/svg%3E");
    display:block;
    line-height:0;
    transition:transform .3s ease;
  }
  #header .secondary-navigation__navigation-buttons .dropdown.open #topNavigationDropdown:after{transform:rotate(180deg)}

  /* rozbalený seznam měn – zarovnaný k pravému okraji hlavičky */
  #header .secondary-navigation__navigation-buttons .dropdown-menu{
    left:auto;
    right:0;
    top:100%;
    margin:8px 0 0;
    min-width:0;
    width:max-content;
    padding:8px 0;
    border:0;
    border-radius:5px;
    background:#fff;
    box-shadow:0 4px 16px #0000001a;
    transform:none;
  }
  #header .secondary-navigation__navigation-buttons .dropdown-menu>li>a{
    display:block;
    padding:4px 16px;
    font-size:14px;
    font-weight:400;
    line-height:16px;
    color:#1125a9;
    text-decoration:none;
    text-transform:none;
    transition:all .3s ease;
  }
  #header .secondary-navigation__navigation-buttons .dropdown-menu>li>a:hover{
    background:none;
    color:#1125a9;
    text-decoration:underline;
  }
}