/* =====================================================================
   AURI HEADER REDESIGN – v1.8
   Shoptet / Samba. Iba vizuálne úpravy existujúcich prvkov hlavičky.
   Odstránenie: zmaž riadok s odkazom na tento súbor v HTML kóde.
   ===================================================================== */

:root{
  --ah-gold:#AE8D3F;      /* primárna farba AURI */
  --ah-brown:#3B2A1E;     /* tmavohnedá – text a ovládacie prvky */
  --ah-cream:#F8F3E8;     /* krémová – informačný riadok */
  --ah-line:#E8DDC8;      /* jemné oddeľovacie línie */
  --ah-pink:#EE719E;
}

/* 0. Šedá informačná lišta Shoptetu slúži iba ako nosič kódu – skryjeme ju */
.site-msg:has(#auri-hdr-src){display:none!important}


/* ---------------------------------------------------------------------
   1. ZLATÝ BENEFITNÝ PRÚŽOK
   --------------------------------------------------------------------- */
#auri-static-topbar{position:relative;z-index:2;width:100%;box-sizing:border-box;background:var(--ah-gold);color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.05em}
#auri-static-topbar *{font-weight:700!important;animation:none!important;transition:none!important}
#auri-static-topbar .auri-inner{max-width:1550px;margin:0 auto;padding:9px 16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;text-align:center;box-sizing:border-box}
#auri-static-topbar .auri-benefit{white-space:nowrap}
#auri-static-topbar .auri-separator{opacity:.65}


/* ---------------------------------------------------------------------
   2. KRÉMOVÝ INFORMAČNÝ RIADOK (iba desktop / tablet)
   --------------------------------------------------------------------- */
#auri-info-row{position:relative;z-index:9;background:var(--ah-cream);border-bottom:1px solid var(--ah-line);font-family:inherit;font-size:13px;line-height:1.3;color:var(--ah-brown)}
#auri-info-row .auri-info-row__in{max-width:1418px;margin:0 auto;padding:0 16px;min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-sizing:border-box}
#auri-info-row ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px 24px;flex-wrap:wrap}
#auri-info-row li{margin:0;padding:0}
#auri-info-row li:before{content:none!important}
#auri-info-row a{color:var(--ah-brown)!important;text-decoration:none!important;white-space:nowrap}
#auri-info-row a:hover,#auri-info-row a:focus-visible{color:var(--ah-gold)!important;text-decoration:underline!important;text-underline-offset:3px}
#auri-info-row .auri-info-row__right{display:flex;align-items:center;gap:24px}

/* Natívny jazykový prepínač presunutý do informačného riadku */
#auri-info-row .auri-info-row__lang{display:flex;align-items:center;padding-left:20px;border-left:1px solid var(--ah-line)}
#auri-info-row .auri-info-row__lang:empty{display:none}
#auri-info-row .languagesMenu,
#auri-info-row .languagesMenu__content,
#auri-info-row .languagesMenu__box,
#auri-info-row .languagesMenu__header--actual{height:auto!important;min-height:0!important;width:auto!important;line-height:1}
#auri-info-row .languagesMenu__box{position:relative}
#auri-info-row .languagesMenu__header--actual{padding:8px 0;cursor:pointer}
/* Zoznam jazykov: skrytý, otvorí sa pri prejdení myšou / kliknutí / klávesnici */
#auri-info-row .languagesMenu__list{display:none!important;position:absolute;top:100%;right:-10px;left:auto;z-index:1010;flex-direction:column;min-width:170px;margin:0;padding:6px 0;background:#fff;border:1px solid var(--ah-line);border-radius:10px;box-shadow:0 8px 24px rgba(59,42,30,.12)}
#auri-info-row .languagesMenu__box:hover .languagesMenu__list,
#auri-info-row .languagesMenu__box:focus-within .languagesMenu__list{display:flex!important}
#auri-info-row .languagesMenu__list a{display:flex;align-items:center;gap:8px;padding:8px 14px}

@media (max-width:767px){
  #auri-info-row{display:none}
}


/* ---------------------------------------------------------------------
   3. HLAVNÝ RIADOK – DESKTOP (od 768 px)
   --------------------------------------------------------------------- */
@media (min-width:768px){

  #header .header-top,
  #header .header-top-wrapper{height:auto!important}
  #header .header-top-wrapper{flex-wrap:nowrap;justify-content:space-between;align-items:center;min-height:0;padding-top:12px;padding-bottom:12px;gap:24px}

  /* Jazyk je presunutý hore -> pôvodný stĺpec skryjeme */
  body.auri-lang-moved #header .header-top .navigation-tools{display:none}
  /* Ak krémový riadok nie je (CZ/PL verzia), jazyk ostane v hlavičke
     úplne vpravo za košíkom – logo zostáva vždy vľavo */
  #header .header-top .navigation-tools{order:5;flex:0 0 auto;width:auto!important;max-width:none!important;margin:0 0 0 8px}

  /* Logo vľavo (ostré logo auri-bigger.png – viď časť 6) */
  #header .site-name{order:1;flex:0 0 auto;width:auto!important;max-width:none!important;display:flex;flex-direction:column;align-items:center;text-align:center;height:auto!important;margin:0;padding:0!important}
  #header .site-name a{--ah-lw:170px}

  /* Ikony vpravo */
  #header .navigation-buttons{order:3;flex:0 0 auto;width:auto!important;margin-left:auto}
  #header .navigation-buttons [data-target="search"]{display:none!important}
  #header .navigation-buttons > a,
  #header .navigation-buttons > button,
  #header .navigation-buttons > div > a{color:var(--ah-brown)}
  #header .navigation-buttons > a:hover,
  #header .navigation-buttons > button:hover{color:var(--ah-gold)}

  /* Obal popupov (prihlásenie, košík, vyhľadávanie) nezaberá miesto */
  #header .user-action{order:2;flex:0 0 0;width:0;min-width:0}

  /* Vyhľadávanie – stále viditeľné, v strede */
  #header .header-top .search-widget{
    --ah-sw:clamp(300px, calc(100% - 640px), 540px);
    display:block!important;position:absolute!important;
    top:calc(50% - 24px)!important;left:50%!important;right:auto!important;
    width:var(--ah-sw)!important;margin:0 0 0 calc(var(--ah-sw) / -2)!important;
    padding:0!important;background:none!important;box-shadow:none!important;transform:none!important}
}

/* Ak jazyk ostal v hlavičke (CZ/PL), vyhľadávanie sa trochu zúži */
@media (min-width:992px){
  body:not(.auri-lang-moved) #header .header-top .search-widget{--ah-sw:clamp(300px, calc(100% - 720px), 540px)}
}

/* ---------------------------------------------------------------------
   3b. TABLET (768–991 px) – logo a ikony v 1. riadku, vyhľadávanie pod nimi
   --------------------------------------------------------------------- */
@media (min-width:768px) and (max-width:991px){
  #header .header-top-wrapper{flex-wrap:wrap;row-gap:12px}
  #header .site-name a{--ah-lw:150px}
  #header .user-action{order:4;flex:0 0 100%!important;width:100%!important}
  #header .header-top .search-widget{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important}
  /* vyhľadávanie vždy ako posledný riadok (jazyk ostane v 1. riadku) */
  #header .user-action{order:6!important;background:none!important}
}

/* Vzhľad vyhľadávacieho poľa – desktop aj mobil */
#header .search-widget .search-widget-close{display:none!important}
/* Bez krémového pásu za vyhľadávaním (Samba dáva obalu vlastné pozadie) */
#header .user-action{background:none!important}
/* Našeptávač nesmie byť orezaný obalom vyhľadávania */
#header .header-top .search-widget{overflow:visible!important}
@media (max-width:991px){
  #header .search-widget .searchWhisperer{max-height:calc(100vh - 170px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 10px 24px rgba(59,42,30,.15);border-radius:0 0 12px 12px}
}
#header .search-widget .search-form-input-group{position:relative;display:block}
#header .search-widget .search-input{width:100%;height:48px!important;margin:0;border:1px solid #D9CCB0!important;border-radius:999px!important;background-color:#fff;color:var(--ah-brown);font-size:15px;box-shadow:none;box-sizing:border-box}
#header .search-widget .search-input::placeholder{color:#8a7a6a;opacity:1}
#header .search-widget .search-input:focus{border-color:var(--ah-gold)!important;box-shadow:0 0 0 3px rgba(174,141,63,.18)!important;outline:none}
#header .search-widget .search-button{display:block!important;position:absolute;top:5px;right:5px;bottom:5px;height:auto;min-height:0;margin:0;padding:0 22px;border:0;border-radius:999px;background:var(--ah-brown);color:#fff;font-size:14px;font-weight:700;line-height:1;cursor:pointer;z-index:2}
#header .search-widget .search-button:hover,
#header .search-widget .search-button:focus-visible{background:var(--ah-gold);color:#fff}
/* Užšie tlačidlo „Hľadať“ na menších obrazovkách – viac miesta pre text */
@media (min-width:768px) and (max-width:1279px){
  #header .search-widget .search-button{padding:0 16px}
}
@media (min-width:768px){
  #header .search-widget .search-input{padding:0 100px 0 46px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B2A1E' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") 17px center/19px no-repeat!important}
}


/* ---------------------------------------------------------------------
   4. KATEGÓRIOVÉ MENU – DESKTOP
   --------------------------------------------------------------------- */
@media (min-width:768px){
  #header .header-bottom{border-top:0;border-bottom:1px solid var(--ah-line)}
  #navigation .menu-level-1 > li > a{color:var(--ah-brown)}
  #navigation .menu-level-1 > li > a:hover,
  #navigation .menu-level-1 > li:hover > a{color:var(--ah-gold)}
  #navigation .auri-nav-info{display:none!important}
}


/* ---------------------------------------------------------------------
   5. MOBIL (do 767 px)
   --------------------------------------------------------------------- */
@media (max-width:767px){

  #auri-static-topbar{font-size:11px;letter-spacing:.03em}
  #auri-static-topbar .auri-inner{padding:8px 10px;gap:2px 10px}

  /* Riadok: ☰ | LOGO | jazyk ♡ košík */
  #header .header-top,
  #header .header-top-wrapper{height:auto!important}
  #header .header-top-wrapper{position:relative;flex-wrap:wrap;justify-content:flex-end!important;align-items:center;min-height:0;padding:0 8px 12px!important}

  #header .site-name{position:absolute;top:0;left:50%;transform:translateX(-50%);height:64px!important;width:auto!important;max-width:none!important;padding:0!important;display:flex;align-items:center;margin:0;z-index:1}
  #header .site-name a{--ah-lw:112px}

  #header .navigation-buttons{position:static;order:2;height:64px;width:auto!important}
  /* Kompaktné ikony vpravo (40 px šírka, 60 px výška) */
  #header .navigation-buttons > *:not([data-target="navigation"]),
  #header .header-top .navigation-tools .languagesMenu{width:40px!important;min-width:40px}
  #header .navigation-buttons [data-target="search"]{display:none!important}
  #header .navigation-buttons [data-target="navigation"]{position:absolute;top:0;left:2px;height:64px;width:48px;z-index:2}

  /* Natívny jazykový prepínač v hlavičke */
  #header .header-top .navigation-tools{display:flex!important;order:1;flex:0 0 40px;justify-content:center;align-items:center;height:64px;width:40px!important;margin:0}

  /* Vyhľadávanie – vždy viditeľné, celá šírka, so vzduchom pod logom */
  #header .user-action{order:3;flex:0 0 100%;width:100%;margin-top:8px}
  #header .header-top .search-widget{display:block!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;transform:none!important}
  #header .search-widget .search-input{height:46px!important;font-size:16px;padding:0 50px 0 16px!important;background:#fff!important}
  #header .search-widget .search-button{top:4px;right:4px;bottom:4px;width:38px;padding:0;font-size:0;color:transparent;background:var(--ah-brown) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center/18px no-repeat}
  #header .search-widget .search-button:hover{background-color:var(--ah-gold)}
  #header .search-widget .search-input-icon{display:none!important}

  /* Keď je otvorené hamburger menu, vyhľadávanie ho neprekrýva */
  body.navigation-window-visible #header .header-top .search-widget{visibility:hidden}

  /* Otvorené menu siaha až po spodok obrazovky – stránka nepresvitá */
  body.navigation-window-visible #navigation{background:#fff}
  body.navigation-window-visible #navigation .navigation-in{height:100%!important;max-height:none!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))}

  /* Informačné odkazy na konci hamburger menu */
  #navigation .auri-nav-info{list-style:none;margin:16px 0 0;padding:6px 16px;border-top:1px solid var(--ah-line);background:var(--ah-cream)}
  #navigation .auri-nav-info li{margin:0;padding:0;border:0}
  #navigation .auri-nav-info li:before{content:none!important}
  #navigation .auri-nav-info a{display:block;padding:12px 0;font-size:15px;line-height:1.3;color:var(--ah-brown);text-decoration:none}
  #navigation .auri-nav-info li + li a{border-top:1px solid var(--ah-line)}
}

/* ---------------------------------------------------------------------
   6. LOGO – ostrá verzia z /user/documents/upload/auri-bigger.png
   Súbor má 1000×1000 px s bielym okrajom; zobrazí sa iba výrez s logom
   (bez deformácie). Natívny <img> ostáva v odkaze kvôli prístupnosti
   (alt „AURI“) a návratu na homepage, iba je priehľadný.
   Ak by si chcela vrátiť pôvodné logo, zmaž celú túto časť 6.
   --------------------------------------------------------------------- */
#header .site-name a{
  display:block;width:var(--ah-lw,170px)!important;height:calc(var(--ah-lw,170px) * 396 / 758)!important;max-width:none!important;max-height:none!important;
  background:url("/user/documents/upload/auri-bigger.png") no-repeat;
  background-size:calc(var(--ah-lw,170px) * 1000 / 758) auto;
  background-position:calc(var(--ah-lw,170px) * -125 / 758) calc(var(--ah-lw,170px) * -235 / 758)}
#header .site-name a img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;opacity:0}

/* ---------------------------------------------------------------------
   7. KONTAKT V HLAVIČKE – fotka, e-mail, pracovná doba (desktop od 1280 px)
   Texty a adresa fotky sa menia v súbore auri-header.js (KONTAKT).
   --------------------------------------------------------------------- */
#auri-hdr-contact{display:none}
@media (min-width:1280px){
  /* vyhľadávanie sa zúži, aby sa kontakt zmestil vedľa neho */
  #header .header-top .search-widget{--ah-sw:clamp(300px, calc(100% - 930px), 540px)}
  body:not(.auri-lang-moved) #header .header-top .search-widget{--ah-sw:clamp(300px, calc(100% - 1010px), 540px)}
  #header .navigation-buttons{margin-left:20px}
  #auri-hdr-contact{order:3;display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--ah-brown)!important;text-decoration:none!important;line-height:1.25;white-space:nowrap}
  #auri-hdr-contact .auri-hdr-contact__pic{position:relative;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--ah-cream);border:1px solid var(--ah-line);display:flex;align-items:center;justify-content:center}
  #auri-hdr-contact .auri-hdr-contact__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;opacity:0}
  #auri-hdr-contact.has-photo .auri-hdr-contact__pic img{opacity:1}
  #auri-hdr-contact .auri-hdr-contact__ico{display:flex;color:var(--ah-gold)}
  #auri-hdr-contact .auri-hdr-contact__ico svg{width:22px;height:22px}
  #auri-hdr-contact.has-photo .auri-hdr-contact__ico{display:none}
  #auri-hdr-contact .auri-hdr-contact__txt{display:flex;flex-direction:column}
  #auri-hdr-contact .auri-hdr-contact__label{font-size:12px;font-style:normal;color:var(--ah-gold)}
  #auri-hdr-contact .auri-hdr-contact__mail{font-size:14px;font-weight:700}
  #auri-hdr-contact .auri-hdr-contact__hours{font-size:12px;color:#6E5D4E}
  #auri-hdr-contact:hover .auri-hdr-contact__mail,
  #auri-hdr-contact:focus-visible .auri-hdr-contact__mail{color:var(--ah-gold);text-decoration:underline;text-underline-offset:3px}
  #auri-hdr-contact:focus-visible{outline:2px solid var(--ah-gold);outline-offset:4px;border-radius:8px}
}

/* Ikona obálky medzi ikonami vpravo (do 1279 px) */
#header .navigation-buttons .auri-hdr-mail{display:flex;align-items:center;justify-content:center;width:50px;height:60px;color:var(--ah-brown);text-decoration:none}
#header .navigation-buttons .auri-hdr-mail svg{width:22px;height:22px;display:block}
#header .navigation-buttons .auri-hdr-mail:hover,
#header .navigation-buttons .auri-hdr-mail:focus-visible{color:var(--ah-gold)}
@media (min-width:1280px){
  #header .navigation-buttons .auri-hdr-mail{display:none!important}
}
@media (max-width:767px){
  /* jazyk sa presúva doľava vedľa hamburgera, vpravo ostáva ✉ ♡ košík */
  #header .header-top .navigation-tools{position:absolute;top:0;left:50px;z-index:2}
  #header .navigation-buttons .auri-hdr-mail{height:64px}
}
@media (max-width:374px){
  /* na malom mobile je jazyk v menu, obálka ide doľava vedľa hamburgera */
  #header .navigation-buttons .auri-hdr-mail{position:absolute;top:0;left:50px;z-index:2}
}

/* Kontakt na konci mobilného menu */
#navigation .auri-nav-info .auri-nav-info__contact a{display:flex;align-items:center;gap:12px}
#navigation .auri-nav-info .auri-nav-info__contact svg{width:22px;height:22px;flex:none;color:var(--ah-gold)}
#navigation .auri-nav-info .auri-nav-info__contact span{display:flex;flex-direction:column;line-height:1.3}
#navigation .auri-nav-info .auri-nav-info__contact small{font-size:13px;color:#6E5D4E}

/* Malé mobily – jazyk zostáva v hamburger menu (je tam natívne) */
@media (max-width:374px){
  #header .header-top .navigation-tools{display:none!important}
  #header .site-name a{--ah-lw:108px}
}
@media (max-width:359px){
  #auri-static-topbar .auri-ico{display:none}
}
/* ===================== koniec AURI HEADER REDESIGN ===================== */