/* Horní lišta */
/* ATGREEN – Header glass bar (Waltz / Shoptet) – v13
   Cíl:
   - "mléčné sklo" jen v horní liště (nezasahuje do sloganu)
   - logo větší a vždy viditelné uprostřed
   - měna + jazyk vlevo od loga
   - ikony (lupa / účet / košík / menu) vpravo
   - text v liště černý, ale vlaječky zůstávají barevné
*/

/* === 1) Skleněná lišta (jen hlavička) === */
#header .header-navigation,
#header .header-navigation * { box-sizing: border-box; }

#header .header-navigation {
  /* robustní centrace */
  position: relative;
  left: 50%;
  transform: translateX(-50%);

  /* delší lišta */
  width: min(1200px, calc(100vw - 32px));
  max-width: 1200px !important;

  margin-top: -100px;
  margin-bottom: 18px;

  padding: 12px 18px;
  border-radius: 14px;

  background: rgba(180, 180, 180, 0.35);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
border: 1px solid rgba (255,255,255,0.18);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.18);
}

/* 2) Základní layout: logo absolutně uprostřed (robustní i když se mění HTML) */
#header .header-navigation{
  display: flex;
  align-items: center;
}

/* navigační blok (jazyk/měna + ikony) natahneme přes celou šířku */
#header .header-navigation .navigation-buttons{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* 3) Jazyk + měna vlevo */
#header .header-navigation .navigation-buttons .languagesMenu{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: auto;             /* posune ostatní ikony doprava */
  color: #111;
}

/* dropdowny – čitelné, decentní */
#header .header-navigation .languagesMenu__header{
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 10px;
  padding: 6px 10px;
  color: #111;
}
#header .header-navigation .languagesMenu__header *{
  color: #111;
}

/* 4) Ikony vpravo */
#header .header-navigation .navigation-buttons a,
#header .header-navigation .navigation-buttons button{
  color: #111;
}
#header .header-navigation .navigation-buttons svg{
  fill: currentColor;
  stroke: currentColor;
}

/* 5) Vlaječky NESMÍ zčernat – vrátíme jim původní barvy (Shoptet je definuje přes inline/vars) */
#header .header-navigation svg.shp-flag,
#header .header-navigation svg.shp-flag *{
  filter: none !important;
}
#header .header-navigation svg.shp-flag path{
  fill: unset !important;   /* nechá vyhrát inline fill="var(--color..)" */
  stroke: none !important;
}

/* 6) Logo vždy uprostřed a větší */
#header .header-navigation .site-name{
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .header-navigation .site-name img,
#header .header-navigation .site-name svg{
  height: 62px;                   /* VĚTŠÍ logo */
  width: auto;
  max-width: 240px;
}

/* kdyby Shoptet vkládal logo jako background */
#header .header-navigation .site-name a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 7) Aby dropdowny v liště nebyly "utopené" */
#header .languagesMenu__content,
#header .languagesMenu__box{
  z-index: 60;
}
#header .languagesMenu__list{
  background: rgba(255,255,255,.92);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
#header .languagesMenu__list a{
  color: #111;
}

/* 8) Mobil – ať se to nerozbije */
@media (max-width: 768px){
  #header .header-navigation{
    width: calc(100vw - 24px);
    padding: 10px 14px;
    margin-top: 10px;
  }
  #header .header-navigation .site-name img,
  #header .header-navigation .site-name svg{
    height: 36px;
    max-width: 200px;
  }
  #header .header-navigation .navigation-buttons{
    gap: 10px;
  }
  #header .header-navigation .languagesMenu__header{
    padding: 5px 8px;
  }
}
/* Rozbalené menu (hamburger / navigace) – text černě */
#navigation .navigation-in a,
#navigation .navigation-in li a,
#navigation .navigation-in li span,
#navigation .navigation-in .submenu a,
#navigation .navigation-in .submenu span{
  color: #111 !important;
}
/* =========================================
   ATGreen – Full-page background (Waltz/Shoptet)
   VLOŽ NA ÚPLNÝ KONEC tvého custom CSS.
   ========================================= */

/* 1) Sem dej URL tvého pozadí (Souborový manažer → zkopírovat odkaz) */
:root{
  --atgreen-bg-url: url("https://www.atgreen.hu/user/banners/chatgpt_image_19._1._2026_16_26_15.png?1768921735");
}

/* 2) Pozadí na celou stránku */
html, body{
  height: 100%;
}

body{
  background-image: var(--atgreen-bg-url);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #000; /* fallback když se obrázek nenačte */
}

/* iOS/Safari má někdy problém s fixed – na mobilech to necháme scroll */
@media (min-width: 992px){
  body{ background-attachment: fixed; }
}
@media (max-width: 991.98px){
  body{ background-attachment: scroll; }
}

/* =========================================================
   ATGREEN – ZRUŠENÍ ZELENÉHO PODKLADU POD SLOGANEM (Waltz)
   (podle DOM: #header -> .navigation-wrapper -> h1.header-title)
   VLOŽ NA ÚPLNÝ KONEC custom CSS
   ========================================================= */

/* zelený podklad bývá na #header / .navigation-wrapper */
#header,
#header .navigation-wrapper,
#header .container.navigation-wrapper{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* slogan (to je ten pruh pod lištou) */
#header .header-title,
#header .header-title span{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* === SLOGAN: černá barva písma === */
#header .header-title,
#header .header-title *,
.header-title,
.header-title *{
  color: #111 !important;
}

/* kdyby to Waltz kreslil pseudo-elementem */
#header::before,
#header::after,
#header .navigation-wrapper::before,
#header .navigation-wrapper::after,
#header .header-title::before,
#header .header-title::after{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* === Zrušit bílý panel v patičce / u patičky (nechat prosvítat pozadí) === */
#footer,
#footer * ,
.footer,
.footer * {
  background-color: transparent !important;
  background: transparent !important;
}

/* kdyby se bílá dělala přes konkrétní vnitřní boxy */
#footer .container,
#footer .footer-in,
#footer .footer__main,
#footer .footer__bottom,
#footer .siteFooter,
#footer .siteFooter__content,
#footer .newsletter,
#footer .newsletter__inner {
  background: transparent !important;
  box-shadow: none !important;
}

/* někdy je to ještě “content wrapper” těsně nad patičkou */
.overall-wrapper,
.content-wrapper,
.content-wrapper .container,
.banners-top,
.benefitBanner {
  background: transparent !important;
}
/* =========================================================
   ATGREEN – LOCK: pozadí + zrušení zeleného headeru + patička
   (dej úplně na konec custom10.css)
   ========================================================= */

/* Pozadí stránky – vynutit i proti šabloně */
html, body{
  background-color: transparent !important;
}

body{
  background-image: var(--atgreen-bg-url) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
}

/* Waltz/Shoptet: zelené pozadí dělá "header-background-light" */
body.header-background-light #header,
body.header-background-light #header .navigation-wrapper,
body.header-background-light #header .container.navigation-wrapper,
body.header-background-light #header .header-title,
body.header-background-light #header .header-title span{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* kdyby to bylo přes pseudo-elementy */
body.header-background-light #header::before,
body.header-background-light #header::after,
body.header-background-light #header .navigation-wrapper::before,
body.header-background-light #header .navigation-wrapper::after{
  background: transparent !important;
  background-image: none !important;
}

/* Patička + spodní bílé bloky */
#footer,
#footer .container,
#footer .footer-in,
#footer .footer__main,
#footer .footer__bottom,
#footer .siteFooter,
#footer .siteFooter__content,
#footer .newsletter,
#footer .newsletter__inner,
#footer *{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Často bílé pozadí dělá wrapper obsahu */
.overall-wrapper,
.content-wrapper,
.content-wrapper .container,
#content,
#content .container,
.banners-top,
.benefitBanner,
.benefitBanner .container{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}