.elementor-404 .elementor-element.elementor-element-c882ff4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-404 .elementor-element.elementor-element-c882ff4:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-c882ff4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B6400;}.elementor-404 .elementor-element.elementor-element-a4856f7{--display:flex;top:0px;bottom:auto;z-index:500;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:500;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header{top:0px;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:500;}.wpr-hidden-header-flex{z-index:500;}.elementor-404 .elementor-element.elementor-element-c96d9af{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:50;}@media(max-width:1366px){.elementor-404 .elementor-element.elementor-element-a4856f7{top:0px;bottom:auto;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header{top:0px;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header-flex{top:0px;}}@media(max-width:1024px){.elementor-404 .elementor-element.elementor-element-a4856f7{top:0px;bottom:auto;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header{top:0px;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header-flex{top:0px;}}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-a4856f7{top:0px;bottom:auto;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header{top:0px;}.elementor-404 .elementor-element.elementor-element-a4856f7 + .wpr-hidden-header-flex{top:0px;}}/* Start custom CSS for html, class: .elementor-element-c96d9af *//* Toto srovná položky z WordPress menu do řady */
.psi-nav-list {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.psi-nav-list li a {
    text-decoration: none;
    color: var(--psi-foreground);
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 8px;
    transition: 0.2s;
}

.psi-nav-list li a:hover, 
.psi-nav-list li a.active {
    background-color: var(--psi-nav-active-bg);
    color: var(--psi-nav-active-text);
}

/* Fix pro ikonu i text uvnitř tlačítka, aby nic nebylo modré */
.psi-shop-btn,
.psi-shop-btn span,
.psi-shop-btn:hover,
.psi-shop-btn:hover span {
  color: #ffffff !important;   /* Vynutí bílou barvu textu */
  text-decoration: none !important;
}

.psi-shop-btn svg,
.psi-shop-btn:hover svg {
  stroke: #ffffff !important; /* Vynutí bílou barvu ikony */
  fill: none !important;
  color: #ffffff !important;
}

/* Kontejner pro ikonu a číslo */
.psi-cart-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px;
}

/* Hlavní barva ikony tašky (tmavě šedá/černá) */
.psi-cart-icon {
  width: 24px;
  height: 24px;
  color: #2d3748 !important; /* Barva ladící k menu */
  transition: color 0.2s;
}

.psi-cart-link:hover .psi-cart-icon {
  color: #0B6400 !important; /* Při najetí taška zezelená */
}

/* Styl pro zelené kolečko s číslem */
.psi-cart-badge {
  position: absolute;
  top: 0px;
  right: -2px;
  background-color: #0B6400 !important; /* TVÁ ZELENÁ */
  color: #ffffff !important; /* Bílé číslo */
  font-size: 10px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff; /* Bílý okraj, aby to "svítilo" */
  line-height: 1;
}

/* Odstranění modrého podtržení odkazu */
.psi-cart-link {
  text-decoration: none !important;
}

/* --- VÝCHOZÍ STAV (Nahoře) --- */
.elementor-element.elementor-element-a4856f7 {
    background-color: #ffffff !important;
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease, padding 0.4s ease !important;
}

/* --- STICKY STAV (Při skrolování) --- */
/* Royal Addons přidává třídu .wpr-sticky-fixed na stejný element */
.wpr-sticky-fixed.elementor-element-a4856f7 {
    /* Skleněný efekt */
    background-color: rgba(255, 255, 255, 0.7) !important; 
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* Stín a ohraničení */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;

    /* Zmenšení výšky kontejneru */
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* --- ZMENŠENÍ OBSAHU UVNITŘ --- */
/* Cílíme na vnitřní divy vašeho HTML headeru */
.wpr-sticky-fixed.elementor-element-a4856f7 .psi-header-inner {
    height: 55px !important; /* Původně 80px */
}

.wpr-sticky-fixed.elementor-element-a4856f7 .psi-logo img {
    height: 40px !important; /* Původně 60px */
}

/* Mobilní zařízení (do 768px) */
@media (max-width: 768px) {
    /* Nahraďte .header-sticky třídou, kterou váš web dává fixní hlavičce */
    header.is-sticky, 
    header.sticky-on,
    .elementor-sticky--active {
        top: 15px !important; /* Toto vytvoří odskok od úplného vršku */
        margin-top: 0 !important;
    }
    
    /* Pokud chcete, aby nad hlavičkou byla vidět barva pozadí webu (např. bílá) */
    body {
        padding-top: env(safe-area-inset-top); /* Podpora pro iPhony s výřezem */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4856f7 *//* Plynulý přechod pro header */
.psi-header {
  transition: all 0.3s ease-in-out;
}

/* Oprava "poskočení" stránky */
body.elementor-sticky--effects-active {
  /* Tato třída se aktivuje při scrollu v Elementoru */
  padding-top: 80px; /* Vložte zde přesnou výšku vašeho bílého headeru v pixelech */
}

.elementor-404 .elementor-element.elementor-element-a4856f7 {
    background-color: #ffffff; /* Vaše barva pozadí */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
}/* End custom CSS */