/* --------------------------------------------------------------------------
   3. HEADER (Hlavička) & VYHLEDÁVÁNÍ
   -------------------------------------------------------------------------- */
#header {
  background-color: var(--rc-dark-bg);
  background-image: none;
  border-color: #cfcfcf;
}

#header .header-bottom {
    border-style: solid;
    border-width: 0px 0 4px 0;
    border-color: var(--rc-gold);
    position: relative;
}

/* Vyhledávací pole - tmavý styl */
#header .search { padding: 0; }

body :is(#header, header, .header) input[type="search"],
body :is(#header, header, .header) input[name="q"],
body :is(#header, header, .header) input[name="string"] {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 7px !important;
    border: none !important;
    color: #ffffff;
    padding-left: 45px;
    padding-right: 14px;
}

/* Placeholder */
body :is(#header, header, .header) input::placeholder {
  color: rgba(255,255,255,0.65);
  text-align: center;
}

/* Ikona lupy */
#formSearchForm > fieldset > span {
  color: rgba(255,255,255,0.45);
  transition: color 150ms ease;
}
#formSearchForm > fieldset > span:hover { color: rgba(255,255,255,0.7); }

/* --- DESKTOP HEADER LAYOUT (min-width: 768px) --- */
@media (min-width: 768px) {
  #header .header-top { padding: 25px 0 5px 0; }

  #header > div.header-bottom {
    background-color: var(--rc-dark-bg);
    margin-bottom: 20px;
  }

  /* Paddingy a zamezení zalamování */
  body :is(#header, header, .header) :is(.header-top, .header-row, .header-in, .site-header-in, .header__inner) {
    padding-left: 16px;
    padding-right: 16px;
    flex-wrap: nowrap;
  }

  /* Logo */
  body :is(#header, header, .header) :is(.site-name, .site-logo, .logo, .header-logo) { margin-left: 6px;  }
  #header > div.header-top > div > div.site-name img { height: 64px; width: auto; }
  
@media (min-width: 768px) {
    #header .header-top-wrapper .site-name, #header .header-top-wrapper .navigation-buttons{
        flex: 0 1 25% !important;
    }
}

  /* Pravá část (košík) */
  body :is(#header, header, .header) :is(.navigation-buttons, .header-links, .header-actions, .header__actions) {
    margin-left: auto;
    white-space: nowrap;
  }

  /* Search flexibilita */
  body :is(#header, header, .header) :is(.search, .search-form, .header-search, #search) {
    min-width: 0;
    flex: 1 1 auto;
  }

  /* Navigace - průhlednost */
  #navigation { background-color: transparent !important; }
  #header > div.header-bottom ul ul { background-color: #ffffff !important; }
}

@media (min-width: 768px) {
    #navigation .menu-level-2 {
        border-top-style: solid;
        border-top-width: 4px;
        border-color: var(--rc-gold);
        padding-bottom: 20px;
    }
}


/* --------------------------------------------------------------------------
   TOP NAVIGATION BAR (Horní lišta)
   -------------------------------------------------------------------------- */
body > div.overall-wrapper > div.top-navigation-bar {
  background-color: var(--rc-dark-nav);
  border-color: var(--rc-dark-nav);
  font-size: 13px;
  line-height: 1.25;
  color: var(--rc-text-white);
}

body > div.overall-wrapper > div.top-navigation-bar > .container {
  display: flex;
  align-items: center;
  padding-left: 16px; /* Zarovnání s logem */
}

/* Flex layout: Odkazy (70%) vs Login (30%) */
body > div.overall-wrapper > div.top-navigation-bar > .container > :first-child { flex: 0 0 70%; }
body > div.overall-wrapper > div.top-navigation-bar > .container > :last-child {
  flex: 0 0 30%;
  text-align: right;
}

/* Odkazy styling */
body > div.overall-wrapper > div.top-navigation-bar a:link,
body > div.overall-wrapper > div.top-navigation-bar a:visited,
.top-nav-button-login {
  color: var(--rc-text-white);
  text-decoration: none;
  opacity: 0.9;
  transition: opacity 0.2s;
}

body > div.overall-wrapper > div.top-navigation-bar a:hover,
body > div.overall-wrapper > div.top-navigation-bar a:active,
.top-nav-button-login:hover {
  color: var(--rc-text-white-hover);
  text-decoration: underline;
  opacity: 1;
}

body > div.overall-wrapper > div.top-navigation-bar > .container > :last-child a {
  margin-left: 12px;
  white-space: nowrap;
}

/* Dropdown v top menu */
.top-navigation-bar-menu-helper {
  background: var(--rc-dark-nav);
  border-color: #3d3d3d;
}

/* --------------------------------------------------------------------------
   4. HLAVNÍ NAVIGACE (MENU)
   -------------------------------------------------------------------------- */
#navigation a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.95);
  transition: color 180ms ease;
}

.navigation-in ul li a {
    padding: 2rem 15px;
    text-decoration: none;
}

@media (min-width: 768px) {
    .navigation-in>ul>li>a {
        padding-bottom: 25px;
        padding-top: 35px;
    }
}

/* Hover efekty */
#navigation li > a:hover,
#navigation li > a:active,
#navigation li > a:focus,
#navigation a:hover {
  color: var(--rc-gold);
  /*text-decoration: none;*/
}

/* Úrovně menu */
#navigation .menu-level-1 > li > a {
  /*text-transform: uppercase;*/
  letter-spacing: 0.05em;
}

#navigation .menu-level-2 a,
#navigation .menu-level-3 a {
  text-transform: none;
  letter-spacing: normal;
  color: #272727 !important; /* Dropdown text tmavý */
}

#navigation ul ul a:hover { color: var(--rc-gold-dark) !important; }

#header > div.header-bottom > div > div > span {
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* --- MOBILNÍ MENU ÚPRAVY (< 768px) --- */
@media (max-width: 767px) {
  #navigation > div > ul.menu-level-1 { background-color: #ffffff; }

  /* Reset odkazů na mobilu */
  #navigation > div > ul.menu-level-1 > li > a {
    color: #272727 !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Linky mezi položkami */
  #navigation > div > ul.menu-level-1 > li {
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  }

  /* Odstranění pseudo elementů (fake podtržení) */
  #navigation > div > ul.menu-level-1 > li::before,
  #navigation > div > ul.menu-level-1 > li::after,
  #navigation > div > ul.menu-level-1 > li > a::before,
  #navigation > div > ul.menu-level-1 > li > a::after {
    display: none !important;
    content: none !important;
  }
}

/* =========================================================
   FIX: MENU HELPER (Tlačítko "Více" + Oprava zobrazení)
   ========================================================= */

/* 1. STYL TLAČÍTKA "VÍCE" (Hlavní lišta) */
#header > div.header-bottom > div > div > span {
    /*text-transform: uppercase !important; Velká písmena */
    font-weight: 700 !important;          /* Tučné */
    font-size: 14px !important;
    color: #fff !important;
    letter-spacing: 0.5px !important;
    margin-top: 20px;
}

#header > div.header-bottom > div > div {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 15px !important;
    cursor: pointer !important;
    transition: background 0.3s;
}

#header > div.header-bottom > div > div:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Ikona šipky (pokud tam je) */
#header > div.header-bottom > div > div svg,
#header > div.header-bottom > div > div i {
    fill: #fff !important;
    color: #fff !important;
    margin-left: 5px !important;
    opacity: 0.8 !important;
}


/* 2. STYL ROZBALOVACÍHO MENU (Kontejner) */
#header > div.header-bottom > div > div > ul {
    background-color: #fff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    border-top: 4px solid var(--rc-gold, #d8a06d) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 5px 0 !important; /* Menší padding */

    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 240px !important; /* Širší, aby se vešly dlouhé názvy */
    z-index: 1000 !important;
}

/* 3. POLOŽKY UVNITŘ MENU (Oprava zobrazování všech položek) */
#header > div.header-bottom > div > div > ul > li {
    /* ZDE BÝVALA CHYBA: display: block !important; - SMAZÁNO */
    /* Necháme prohlížeč, ať respektuje skrytí od Shoptetu */

    border-bottom: 1px dashed #eee !important;
    margin: 0 !important;
}

#header > div.header-bottom > div > div > ul > li:last-child {
    border-bottom: none !important;
}

/* 4. ODKAZY UVNITŘ (Versálky a Font) */
#header > div.header-bottom > div > div > ul > li > a {
    display: block !important;
    padding: 12px 20px !important; /* Větší prostor pro kliknutí */

    color: #333 !important;
    font-weight: 800 !important;          /* Tučné jako v hlavní liště */
    font-size: 14px !important;           /* Velikost */
    text-transform: uppercase !important; /* VERSÁLKY (Velká písmena) */
    letter-spacing: 0.5px !important;

    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover efekt */
#header > div.header-bottom > div > div > ul > li:hover > a {
    color: var(--rc-gold, #d8a06d) !important;
    background-color: #fcfcfc !important;
    padding-left: 25px !important;
}

.menu-helper .menu-level-2 a {
    font-weight: 400;
    padding: .75rem 40px;
    /* text-transform: uppercase; */
    font-size: 14px;
}

.menu-helper .menu-level-2 a:hover {
    color: var(--rc-gold-dark)
}

/* =========================================================
   FIX: POSUN MENU ÚROVNĚ 2 NAHORU (Odstranění mezery)
   ========================================================= */

/* 1. HLAVNÍ MENU (Kategorie jako Rumy, Vína...) */
.navigation-in .menu-level-2 {
    /* Záporná hodnota vytáhne menu nahoru */
    margin-top: -10px !important;

    /* Pojistka, aby to překrylo případné čáry */
    z-index: 1001 !important;
}


/* 1. ZMĚNA POZADÍ CELÉ STRÁNKY */
body, #page-wrapper, #content-wrapper, .content-inner {
    background-color: #fbfbfb !important; /* Jemná "technická" šedá */
    background-image: none !important; /* Pro jistotu odstraníme staré textury */
}

/* =========================================================
   MOBILNÍ MENU - FINÁLE (Bez podtržení + Velký tmavý zobáček)
   ========================================================= */

@media (max-width: 767px) {

    /* 1. RESET LOGIKY (Skrývání/Otevírání) */
    .navigation-in .menu-level-1 > li:hover > .menu-level-2 { display: none !important; }

    /* Výchozí stav: Skryto */
    .navigation-in .menu-level-2 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: static !important;
        width: 100% !important;
    }

    /* Otevřený stav (při kliknutí) */
    .navigation-in .menu-level-1 > li.exp > .menu-level-2,
    .navigation-in .menu-level-1 > li.active > .menu-level-2 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #eee !important;
    }

    /* 2. HLAVNÍ POLOŽKY (Rumy, Whisky...) */
    .navigation-in .menu-level-1 > li {
        position: relative !important;
        border-bottom: 1px solid #e0e0e0 !important;
        background: #fff !important;
        margin: 0 !important;
        display: block !important;
    }

    /* Odkaz přes celou šířku */
    .navigation-in .menu-level-1 > li > a {
        display: block !important;
        padding: 0px 60px 0px 20px !important; /* Místo pro šipku vpravo */
        min-height: 55px !important;
        box-sizing: border-box !important;

        font-size: 15px !important;
        color: #1a1937 !important; /* Tmavá barva */
        text-transform: uppercase !important;
        text-decoration: none !important; /* Žádné podtržení odkazu */
        border: none !important;
    }

    /* !!! AGRESIVNÍ ODSTRANĚNÍ PODTRŽENÍ (Cílíme na vše uvnitř) !!! */
    .navigation-in .menu-level-1 > li > a *,
    .navigation-in .menu-level-1 > li > a b,
    .navigation-in .menu-level-1 > li > a span,
    .navigation-in .menu-level-1 > li > a strong {
        text-decoration: none !important;
        border-bottom: none !important;
        border: none !important;
        font-weight: 700 !important; /* Udržet tučné písmo */
        color: #1a1937 !important; /* Udržet barvu */
        cursor: pointer !important;
    }

    /* Odstranění "duchů" (původních šipek od šablony) */
    .navigation-in .menu-level-1 > li > a::after,
    .navigation-in .menu-level-1 > li > a::before {
        display: none !important;
        content: none !important;
    }


    /* 3. TLAČÍTKO PRO ŠIPKU (Kontejner vpravo) */
    .navigation-in .menu-level-1 > li > a .submenu-arrow {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 60px !important; /* Šířka tlačítka */
        height: 100% !important;

        border-left: 1px solid #f0f0f0 !important; /* Svislá oddělovací čára */
        background-color: #fff !important;

        /* Vymazání původního obsahu */
        font-size: 0 !important;
        color: transparent !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 4. NOVÝ VELKÝ ZOBÁČEK (Chevron) */
    .navigation-in .menu-level-1 > li > a .submenu-arrow::before {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;

        /* Vytvoření šipky pomocí rámečků (ostré hrany) */
        width: 10px !important;
        height: 10px !important;
        border-right: 2px solid #1a1937 !important; /* Tmavá barva jako text */
        border-bottom: 2px solid #1a1937 !important;

        /* Otočení o 45 stupňů a vycentrování */
        transform: translate(-50%, -65%) rotate(45deg) !important;

        display: block !important;
        transition: transform 0.3s ease !important;
    }

    /* OTEVŘENÝ STAV - Otočení zobáčku nahoru */
    .navigation-in .menu-level-1 > li.exp > a .submenu-arrow::before,
    .navigation-in .menu-level-1 > li.active > a .submenu-arrow::before {
        /* Zachováme centr a přidáme rotaci o 180 (45 + 180 = 225) */
        transform: translate(-50%, -35%) rotate(225deg) !important;
        border-color: var(--rc-gold, #d8a06d) !important; /* Aktivní šipka zezlátne */
    }


    /* 5. PODKATEGORIE (Úroveň 2) - Čistý seznam */
    .navigation-in .menu-level-2 > li {
        border-bottom: 1px solid #eaeaea !important;
        background: transparent !important;
    }

    .navigation-in .menu-level-2 > li > div > a {
        display: block !important;
        padding: 14px 20px 14px 40px !important; /* Odsazení */
        font-size: 14px !important;
        color: #555 !important;
        font-weight: 500 !important;
        text-decoration: none !important;
    }

    .navigation-in .menu-level-2 .menu-image { display: none !important; }
}

/* =========================================================
   FIX: ODSTRANĚNÍ PODTRŽENÍ U PODKATEGORIÍ (Všechny stavy)
   ========================================================= */

ul.subcategories a,
ul.subcategories a:hover,
ul.subcategories a:focus,
ul.subcategories a:visited,
ul.subcategories a:active {
    text-decoration: none !important;
    /*border-bottom: none !important;*/
}

/* Pojistka pro text uvnitř (někdy se podtrhává přímo span) */
ul.subcategories a span,
ul.subcategories a:hover span,
ul.subcategories a:visited span {
    text-decoration: none !important;
    border-bottom: none !important;
    background-image: none !important; /* Pro jistotu, kdyby to byl gradient */
}

/* --------------------------------------------------------------------------
   9. FOOTER (Patička)
   -------------------------------------------------------------------------- */
#footer, footer, .footer, .site-footer {
  max-width: 100%;
  overflow-x: clip;
}

/* =========================================================
   FOOTER (PATIČKA) – DARK LUXURY STYLE
   ========================================================= */

/* 1. HLAVNÍ KONTEJNER PATIČKY */
#footer {
    background-color: #272727 !important; /* Tmavě šedá (ladí s hlavičkou) */
    color: #e6e6e6 !important;            /* Světlý text */
    padding-top: 50px !important;
    /*padding-bottom: 20px !important;*/
    border-top: 4px solid var(--rc-gold) !important; /* Zlatá linka nahoře pro oddělení */
}

/* 2. NADPISY V PATIČCE (H4) */
#footer h3 {
    color: var(--rc-gold) !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
    border-bottom: none !important; /* Shoptet tam někdy dává linku, tu nechceme */
    margin-top: 0; /*po aktualizaci tam rve shoptet u custom bloku v patičce margin, nevim proč*/
}

/* 3. ODKAZY A SEZNAMY */
#footer ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#footer ul li {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

#footer a {
    color: #b0b0b0 !important; /* Jemně šedá */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
}

#footer a:hover {
    color: var(--rc-gold) !important; /* Při najetí zlatá */
    padding-left: 5px !important;     /* Jemný posun doprava */
}

/* 4. INSTAGRAM WIDGET */
/* Zaoblení obrázků v mřížce */
.instagram-widget img {
    opacity: 0.9;
    transition: opacity 0.2s;
}
.instagram-widget img:hover {
    opacity: 1;
}
/* Tlačítko "Sledovat" */
.instagram-follow-btn a {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #fff !important;
}

/* 5. SEKCE 18+ (VAROVÁNÍ) */
/* Zarovnání na střed a barva textu*/
.custom-footer__banner8 {
    text-align: center !important;
    /*margin-top: 10px;*/
}
.custom-footer__banner8 p {
    color: #fff !important; /* Bílý text */
    font-size: 13px !important;
    opacity: 0.8;
}
/* Pokud je tam obrázek (18+), dáme mu trochu prostor */
.custom-footer__banner8 img {
    margin-bottom: 10px !important;
    max-width: 85% !important; /* Aby nebyl obří */
}

/* 6. SPODNÍ PÁSEK (COPYRIGHT) */
.footer-bottom {
    background-color: #1a1a1a !important; /* Ještě tmavší než zbytek */
    border-top: 1px solid #333 !important;
    padding: 20px 0 !important;
    margin-top: 40px !important;
    color: #777 !important;
    font-size: 12px !important;
}

/* Odkazy ve spodním pásku (Shoptet atd.) */
.footer-bottom a {
    color: #777 !important;
}
.footer-bottom a:hover {
    color: #fff !important;
    padding-left: 0 !important; /* Tady posun nechceme */
}

/* 7. TEXTY V PRVNÍM SLOUPCI (Adresa atd.) */
/* Pokud nejsou odkazy, ale jen text v li */
#footer ul li {
    color: #b0b0b0 !important;
}

/* Comgate logo - pokud je tmavé, musíme ho invertovat, aby bylo vidět */
/* Pokud je to PNG s průhledností a černým textem: */
.custom-footer__banner3 img[src*="comgate"] {
    /*background: #fff; Bílý podklad pro logo */
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
}