/* =========================================
   1. VRÁCENÍ FORMULÁŘE NA PŮVODNÍ MÍSTO (VPRAVO)
   ========================================= */

/* Obal vyhledávání - MUSÍ plavat vpravo a mít omezenou šířku */
.form-search, #search_mini_form {
    float: left !important;       /* Zarovnat doprava */
    width: auto !important;        /* Zakázat roztažení přes celou šířku */
    max-width: 450px !important;   /* Maximální šířka */
    position: relative !important;
    z-index: 501;
    display: block !important;
    margin-top: 10px;              /* Jemné doladění pozice od vrchu */
    clear: none !important;        /* Nesmí zalomit řádek */
}

/* Pokud je to uvnitř jiného obalu v Teno šabloně */
.header .form-search {
    position: relative !important;
    top: auto !important;
    right: auto !important;
}

/* Kontejner inputu a tlačítka */
form#search_mini_form .input-box {
    display: flex !important;      /* Prvky vedle sebe */
    align-items: center;
    width: auto !important;
    margin: 0 !important;
}


/* =========================================
   2. TLAČÍTKO HLEDAT (Modrý obdélník s textem)
   ========================================= */

/* Input pole */
form#search_mini_form input#search {
    width: 350px !important;       /* Pevná šířka pole */
    height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    background-image: none !important;
    margin: 0 !important;
}

/* Tlačítko */
form#search_mini_form .search-button {
    display: inline-block !important;
    background: #009cce !important; /* Teno modrá */
    border: none !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-weight: bold !important;
    text-transform: none !important;
    font-size: 13px !important;
    padding: 0 15px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin-left: 5px !important;
    cursor: pointer;
    min-width: 100px !important;
    width: auto !important;
    float: none !important;
    position: static !important;
}

/* Zviditelnění textu "Hledat" */
form#search_mini_form .search-button span, 
form#search_mini_form .search-button span span {
    display: inline-block !important;
    text-indent: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 34px !important;
    background: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Skrytí ikon lupy */
form#search_mini_form .search-button::before,
form#search_mini_form .search-button::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   3. NAŠEPTÁVAČ (Aby překrýval bannery)
   ========================================= */

#search_autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    z-index: 999999 !important;
    border-radius: 0 0 4px 4px;
    margin-top: 2px;
    text-align: left; /* Zarovnání textu vlevo */
}

/* Styly položek */
.ac-title {
    background: #f8f8f8; color: #999; font-size: 10px; font-weight: bold;
    text-transform: uppercase; padding: 6px 10px;
    border-bottom: 1px solid #eee; border-top: 1px solid #eee;
}
.ac-item {
    display: flex; align-items: center; padding: 8px 10px;
    border-bottom: 1px solid #fcfcfc; color: #333; text-decoration: none;
    cursor: pointer;
}
.ac-item:hover { background: #f0f8ff; color: #000; }
.ac-img {
    flex: 0 0 40px; width: 40px; height: 40px; margin-right: 12px;
    text-align: center; border: 1px solid #eee; display: flex; 
    align-items: center; justify-content: center;
}
.ac-img img { max-width: 100%; max-height: 100%; }
.ac-info { flex: 1; display: flex; flex-direction: column; }
.ac-name { font-size: 13px; font-weight: 500; margin-bottom: 2px; }
.ac-price { font-size: 12px; color: #e74c3c; font-weight: bold; }
.category-item { font-weight: bold; color: #555; padding-left: 14px; }

/* === FINÁLNÍ OPRAVA: ZAROVNÁNÍ TEXTU V TLAČÍTKU === */

/* 1. Resetujeme tlačítko, aby se chovalo jako normální tlačítko s textem */
form#search_mini_form .search-button {
    /* Rozměry a pozice */
    display: inline-block !important;
    width: auto !important;           /* Aby se roztáhlo podle textu */
    min-width: 80px !important;       /* Minimální šířka */
    height: 34px !important;
    padding: 0 15px !important;
    margin-left: 5px !important;
    
    /* Vzhled */
    background: #009cce !important;   /* Modrá */
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer;

    /* DŮLEŽITÉ: Vlastnosti textu - Resetujeme odsouvání */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 34px !important;     /* Vycentrování na výšku */
    text-align: center !important;    /* Vycentrování na šířku */
    text-indent: 0 !important;        /* VRÁTÍ TEXT Z OKRAJE DO STŘEDU! */
    text-transform: none !important;
    
    /* Zrušení všech skrytí */
    overflow: visible !important;
    background-image: none !important; /* Pryč s lupou */
}

/* 2. Zrušíme dvojitý text (pokud tam zůstal ::after z minula) */
form#search_mini_form .search-button::after,
form#search_mini_form .search-button::before {
    display: none !important;
    content: none !important;
}

/* 3. Pojistka pro text uvnitř (pokud by ho šablona chtěla skrýt) */
form#search_mini_form .search-button * {
    display: inline !important;
    text-indent: 0 !important;
    color: #ffffff !important;
}
/* =========================================
   VYLEPŠENÍ FILTRACÍ V LEVÉM SLOUPCI
   ========================================= */

/* 1. Celkový kontejner filtrace - vyčistíme ho */
.sidebar .block-layered-nav {
    border: none !important; /* Pryč se starým rámečkem */
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 30px;
}

/* Nadpis "PROCHÁZET DLE" */
.sidebar .block-layered-nav .block-subtitle {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    background: none !important; /* Pryč s šedým pozadím */
}

/* Kontejner obsahu */
.sidebar .block-layered-nav .block-content {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* --- STYL JEDNOTLIVÝCH FILTRŮ (CENA atd.) --- */

/* Nadpisy filtrů (např. CENA - ten s tou šipkou) */
.sidebar .block-layered-nav dt {
    background: none !important; /* Odstraní šedé pozadí */
    border: none !important;
    padding: 10px 0 5px 0 !important;
    font-weight: 600;
    color: #444;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
}

/* Seznam položek filtru */
.sidebar .block-layered-nav dd {
    background: none !important;
    border: none !important;
    padding: 5px 0 15px 0 !important;
    border-bottom: 1px dotted #eee; /* Jemná oddělovací čára pod sekcí */
}

.sidebar .block-layered-nav dd ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Mezera mezi položkami */
.sidebar .block-layered-nav dd ol li {
    margin-bottom: 8px;
}

/* --- VZHLED ODKAZŮ JAKO TLAČÍTEK --- */

.sidebar .block-layered-nav dd ol li a {
    display: block; /* Aby se dalo kliknout na celou plochu */
    padding: 8px 12px;
    background: #f8f9fa; /* Velmi světle šedá pro základ */
    border: 1px solid #e9ecef; /* Jemný rámeček */
    border-radius: 4px; /* Zaoblené rohy */
    color: #555; /* Barva textu */
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease-in-out; /* Plynulý přechod při najetí */
}

/* EFEKT PŘI NAJETÍ MYŠÍ (HOVER) */
.sidebar .block-layered-nav dd ol li a:hover {
    background: #009cce !important; /* Vaše modrá barva */
    border-color: #009cce !important;
    color: #ffffff !important; /* Bílý text pro kontrast */
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0,156,206, 0.3); /* Jemný modrý stín */
}

/* --- STYL POČTU KUSŮ (to číslo v závorce) --- */

.sidebar .block-layered-nav dd ol li a .count {
    float: right; /* Zarovnat doprava */
    font-size: 11px;
    color: #999;
    background: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-top: 1px;
}

/* Počet kusů při najetí myší (aby byl čitelný na modré) */
.sidebar .block-layered-nav dd ol li a:hover .count {
    color: #009cce; /* Modré číslo */
    border-color: #fff; /* Bílý rámeček */
}

/* =========================================
   CHYTRÝ STROM KATEGORIÍ (PODPORA AŽ DO LEVEL 6)
   ========================================= */

/* --- Základní reset --- */
#nav-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav-container li a {
    display: block;
    text-decoration: none;
    transition: all 0.2s;
    position: relative;
    text-align: left;
    line-height: 1.4;
}

/* =========================================
   LEVEL 0 - HLAVNÍ KATEGORIE
   ========================================= */
ul.level-0 > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 12px 15px;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

ul.level-0 > li > a:hover {
    color: #009cce;
    background: #f8f8f8;
}

ul.level-0 > li.active > a {
    background: #009cce;
    color: #fff;
    border-color: #009cce;
}

/* =========================================
   LEVEL 1 - PRVNÍ VNOŘENÍ
   ========================================= */
ul.level-1 { background: #fcfcfc; border-bottom: 1px solid #eaeaea; }

ul.level-1 > li > a {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    padding: 9px 10px 9px 30px; /* Odsazení 30px */
    border-bottom: 1px dotted #e0e0e0;
}

ul.level-1 > li > a::before {
    content: "›";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #bbb;
    font-weight: bold;
}

ul.level-1 > li > a:hover { color: #009cce; background: #fff; }
ul.level-1 > li > a:hover::before { color: #009cce; }

/* Aktivní stav */
ul.level-1 > li.active > a {
    color: #009cce;
    font-weight: bold;
    background: #fff;
    border-left: 3px solid #009cce;
    padding-left: 27px;
}

/* =========================================
   LEVEL 2 - DRUHÉ VNOŘENÍ
   ========================================= */
ul.level-2 > li > a {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    padding: 8px 10px 8px 50px; /* Odsazení 50px */
    background: #fdfdfd;
    border-bottom: 1px dotted #eee;
}

ul.level-2 > li > a::before {
    content: "›";
    position: absolute;
    left: 35px; /* Posun šipky */
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: 14px;
}

ul.level-2 > li > a:hover { color: #009cce; background: #fff; }
ul.level-2 > li.active > a { color: #009cce; font-weight: bold; }

/* =========================================
   LEVEL 3 - TŘETÍ VNOŘENÍ
   ========================================= */
ul.level-3 > li > a {
    font-size: 12px;
    color: #777;
    padding: 7px 10px 7px 70px; /* Odsazení 70px */
    border-bottom: none;
}

ul.level-3 > li > a::before {
    content: "•"; /* Tečka */
    position: absolute;
    left: 55px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #ccc;
}

ul.level-3 > li > a:hover { color: #009cce; text-decoration: underline; }
ul.level-3 > li.active > a { color: #009cce; font-weight: bold; }


/* =========================================
   LEVEL 4 - ČTVRTÉ VNOŘENÍ
   ========================================= */
ul.level-4 > li > a {
    font-size: 11px; /* Mírně menší písmo */
    color: #777;
    padding: 6px 10px 6px 90px; /* Odsazení 90px */
    border-bottom: none;
}

ul.level-4 > li > a::before {
    content: "-"; /* Pomlčka */
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
}

ul.level-4 > li > a:hover { color: #009cce; text-decoration: underline; }
ul.level-4 > li.active > a { color: #009cce; font-weight: bold; }


/* =========================================
   LEVEL 5 - PÁTÉ VNOŘENÍ
   ========================================= */
ul.level-5 > li > a {
    font-size: 11px;
    color: #888;
    padding: 5px 10px 5px 110px; /* Odsazení 110px */
}

ul.level-5 > li > a::before {
    content: "-";
    position: absolute;
    left: 95px;
    top: 50%;
    transform: translateY(-50%);
    color: #ddd;
}

ul.level-5 > li > a:hover { color: #009cce; }
ul.level-5 > li.active > a { color: #009cce; font-weight: bold; }


/* =========================================
   LEVEL 6 - ŠESTÉ VNOŘENÍ (A HLUBŠÍ)
   ========================================= */
ul.level-6 > li > a,
ul.level-7 > li > a {
    font-size: 11px;
    color: #999;
    padding: 5px 10px 5px 130px; /* Odsazení 130px */
    font-style: italic; /* Kurzíva pro velmi hluboké úrovně */
}

ul.level-6 > li > a::before,
ul.level-7 > li > a::before {
    content: ".";
    position: absolute;
    left: 115px;
    top: 40%;
    color: #ddd;
}


/* =========================================
   MODERNÍ DESIGN PRO HORNÍ PODKATEGORIE
   ========================================= */

/* Základní styl pro všechny karty podkategorií */
.subcategories {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin: 20px 0 30px 0 !important;
    padding: 0 !important;
    height: auto !important;
    clear: both !important;
}

.subcategories .subcategory {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 180px;
    height: 60px !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 0 15px !important;
    margin: 0 !important;
    float: none !important;
    background-image: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
    transition: all 0.2s ease-in-out;
}

.subcategories .subcategory:hover {
    color: #009cce !important;
    border-color: #009cce !important;
    box-shadow: 0 5px 15px rgba(0,156,206, 0.15) !important;
    transform: translateY(-2px);
}

.subcategories .subcategory img {
    display: none !important;
}


/* =========================================
   DEFINITIVNÍ SKRYTÍ SPODNÍCH BLOKŮ
   ========================================= */

/* Skryje kontejnery s popisy a obrázky pod katalogem */
.subcategory-description,
.popis-div,
.subcategories-description {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pojistka pro staré čtverce, pokud by se ještě někde objevily dole */
.category-products + .subcategories,
.toolbar-bottom + .subcategories {
    display: none !important;
}

/* =========================================
   MODERNIZACE LIŠTY KOMPLET (FIX PŘEDCHOZÍ/DALŠÍ)
   ========================================= */

/* 1. Hlavní lišta */
.toolbar {
    background: #ffffff !important;
    border: none !important;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
    margin: 20px 0 !important;
    padding: 10px 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.toolbar .sorter, .toolbar .pager {
    float: none !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

/* 2. Texty (Řadit dle...) */
.toolbar label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #888 !important;
    margin-right: 8px !important;
}

/* 3. Roletky */
.toolbar select {
    font-family: Arial, Helvetica, sans-serif !important;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    height: 30px !important;
    padding: 0 5px !important;
    border-radius: 3px !important;
    color: #444 !important;
    font-size: 12px !important;
    margin-right: 15px !important;
    vertical-align: middle !important;
}
.toolbar select:focus { border-color: #009cce !important; }

/* 4. STRÁNKOVÁNÍ - ČÍSLA (1, 2, 3) */
.pager .pages { margin: 0 !important; padding: 0 !important; }
.pager .pages ol {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center;
}
/* Povolíme, aby se položka seznamu roztáhla (DŮLEŽITÉ pro Další/Předchozí) */
.pager .pages li { 
    margin: 0 3px !important;
    width: auto !important; 
    display: inline-block !important;
}

/* Základní styl pro všechna tlačítka (čísla i texty) */
.pager .pages li a,
.pager .pages li.current {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    color: #555 !important;
    height: 30px !important;
    min-width: 30px !important; /* Pro čísla čtvereček */
    padding: 0 5px !important;
    transition: all 0.2s;
    box-sizing: border-box !important;
}

/* Aktivní stránka */
.pager .pages li.current {
    background: #009cce !important;
    color: #fff !important;
    border-color: #009cce !important;
}
.pager .pages li a:hover {
    border-color: #009cce !important;
    color: #009cce !important;
}

/* 5. SPECIFICKÁ OPRAVA PRO "DALŠÍ" a "PŘEDCHOZÍ" */
/* Tady přebíjíme nastavení čtverečků */
.pager .pages li a.next,
.pager .pages li a.previous {
    width: auto !important;          /* Musí se roztáhnout! */
    min-width: auto !important;      /* Zrušit čtvercový limit */
    padding: 0 15px !important;      /* Dostatek místa pro text */
    text-indent: 0 !important;       /* OPRAVA UŘÍZNUTÉHO TEXTU */
    overflow: visible !important;    /* OPRAVA UŘÍZNUTÉHO TEXTU */
    white-space: nowrap !important;  /* Aby se text nezalamoval */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background-image: none !important; /* Pryč se starými šipkami */
}

/* Skrytí obrázků uvnitř odkazů */
.pager .pages li a img { display: none !important; }

/* Skrytí oddělovačů */
.toolbar .separator { display: none !important; }

/* Počet položek */
.pager .amount {
    margin-right: 15px !important;
    font-size: 11px !important;
    color: #999 !important;
    font-family: Arial, sans-serif !important;
}
.pager .limiter a {
    font-family: Arial, sans-serif !important;
    color: #555 !important;
    text-decoration: underline;
}

/* SJEDNOCENÍ STYLU KATEGORIÍ S FILTRY */
#pretty-nav ul { list-style: none; padding: 0; margin: 0; }

#pretty-nav li { margin-bottom: 5px; }

#pretty-nav a {
    display: block;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s;
}

/* Hover a Aktivní stav - Teno modrá */
#pretty-nav a:hover, 
#pretty-nav li.active > a {
    background: #009cce !important;
    color: #fff !important;
    border-color: #009cce !important;
}

#pretty-nav .count {
    float: right;
    font-size: 11px;
    opacity: 0.7;
}

/* Odsazení vnořených úrovní */
#pretty-nav ul ul { margin-top: 5px; padding-left: 15px; }
#pretty-nav ul ul a { font-weight: normal; font-size: 12px; }

/* =========================================
   SJEDNOCENÍ LEVÉHO SLOUPCE (KATEGORIE + FILTRY)
   ========================================= */

/* Společný styl pro oba bloky */
.sidebar .block-layered-nav, 
.sidebar .block-categories {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* Sjednocené nadpisy */
.sidebar .block-title {
    background: #f8f9fa !important;
    padding: 10px 15px !important;
    border-bottom: 1px solid #e9ecef !important;
}
.sidebar .block-title strong {
    font-size: 13px !important;
    color: #333 !important;
    text-transform: uppercase !important;
}

/* Vnitřní obsah */
.sidebar .block-content {
    padding: 10px !important;
}

/* Styl odkazů (Kategorie i Cena) */
.sidebar .block-content li a,
.sidebar .block-layered-nav dd ol li a {
    display: block !important;
    padding: 8px 12px !important;
    margin-bottom: 4px !important;
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 4px !important;
    color: #555 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: all 0.2s !important;
}

/* Hover a aktivní stav - Teno Modrá */
.sidebar .block-content li a:hover,
.sidebar .block-content li.active > a,
.sidebar .block-layered-nav dd ol li a:hover {
    background: #009cce !important;
    color: #fff !important;
    border-color: #009cce !important;
}

/* Schování duplicitních nadpisů uvnitř Layered Nav */
.sidebar .block-layered-nav dt {
    font-size: 11px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    padding: 5px 10px !important;
    margin-top: 5px !important;
}

/* ==========================================================================
   PROFI ŠÍPKOVÁ DROBEČKOVÁ NAVIGACE
   ========================================================================== */
.breadcrumbs {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.breadcrumbs ul {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.breadcrumbs li {
    display: flex !important;
    align-items: center;
    position: relative;
}

/* Styl segmentů */
.breadcrumbs li a, 
.breadcrumbs li strong {
    display: block !important;
    padding: 12px 20px 12px 30px !important; /* Větší prostor pro text */
    background: #fff;
    color: #6c757d;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    transition: all 0.2s ease;
    border: none !important;
}

/* První položka (Domů) */
.breadcrumbs li:first-child a {
    padding-left: 20px !important;
    color: #009cce !important; /* Teno modrá pro domů */
}

/* Vytvoření precizní šipky */
.breadcrumbs li a::after, 
.breadcrumbs li strong::after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px; /* Přesné lícování */
    width: 0;
    height: 0;
    border-top: 19px solid transparent; /* Polovina výšky (cca 38px celkem) */
    border-bottom: 19px solid transparent;
    border-left: 18px solid #fff;
    z-index: 2;
}

/* Oddělovací linka šipky (stín/hrana) */
.breadcrumbs li a::before, 
.breadcrumbs li strong::before {
    content: "";
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 18px solid #dee2e6;
    z-index: 1;
}

/* Hover efekt - decentní změna */
.breadcrumbs li a:hover {
    background: #f1faff !important;
    color: #009cce !important;
}

.breadcrumbs li a:hover::after {
    border-left-color: #f1faff !important;
}

/* Poslední prvek (kde se uživatel nachází) */
.breadcrumbs li strong {
    background: #f8f9fa !important;
    color: #adb5bd !important;
    padding-right: 25px !important;
}

.breadcrumbs li strong::after {
    border-left-color: #f8f9fa !important;
}

/* Skrytí původních oddělovačů (lomítek), pokud tam zůstaly */
.breadcrumbs span {
    display: none !important;
}

/* ==========================================================================
   DETAIL PRODUKTU - KOUPIT A POČET KUSŮ
   ========================================================================== */

.add-to-cart {
    display: flex !important;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}

/* Obal pro qty a tlačítka */
.qty-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    height: 45px;
    margin: 0 !important; /* Odstraní případné odsazení po smazaném labelu */
}
.qty-wrapper input#qty {
    width: 50px !important;
    height: 45px !important;
    border: none !important;
    text-align: center !important;
    font-weight: bold;
    font-size: 16px;
    padding: 0 !important;
}

.qty-btn {
    width: 35px;
    height: 45px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    transition: background 0.2s;
}
.qty-btn:hover { background: #eee; }

/* Tlačítko PŘIDAT DO KOŠÍKU */
.add-to-cart .btn-cart {
    background: #009cce !important; /* Teno modrá */
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
    height: 45px !important;
    padding: 0 30px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    gap: 10px;
    transition: background 0.2s;
}

.add-to-cart .btn-cart:hover {
    background: #007ba3 !important;
    box-shadow: 0 4px 10px rgba(0,156,206,0.3);
}

/* Šipka v tlačítku (pomocí pseudo-elementu) */
.add-to-cart .btn-cart span span::after {
    content: " \276F"; /* Šipka vpravo */
    margin-left: 10px;
    font-size: 12px;
}

/* Skrytí popisku "Počet:" u výběru množství */
.add-to-cart label[for="qty"] {
    display: none !important;
}

/* ==========================================================================
   DETAIL PRODUKTU - PROFESIONÁLNÍ CENOVÝ BLOK (OPRAVA ZAROVNÁNÍ)
   ========================================================================== */

.product-type-data {
    margin: 20px 0 !important;
    padding: 15px !important;
    background: #fcfcfc !important;
    border-radius: 6px !important;
    border-left: 4px solid #009cce !important;
    display: block !important;
    text-align: left !important; /* Vynutit zarovnání doleva */
}

.price-box {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* 1. HLAVNÍ CENA (S DANÍ) */
.price-box .price-including-tax {
    display: block !important;
    float: none !important; /* Zrušení plavání doprava */
    margin-bottom: 2px !important;
}

.price-box .price-including-tax .price {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #009cce !important;
    line-height: 1.2 !important;
}

/* 1. HLAVNÍ CENA - Odstranění textu "s DPH" */
.price-box .price-including-tax .price::after {
    content: "" !important; /* Smazáno " s DPH" */
    margin-left: 0 !important;
}

/* 2. VEDLEJŠÍ CENA - Ponecháme označení pro přehlednost */
.price-box .price-excluding-tax .price::after {
    content: " bez DPH" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999 !important;
    margin-left: 5px !important;
}
.price-box .price-excluding-tax .price {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #777 !important;
}

/* Přidání "bez DPH" za malou cenu */
.price-box .price-excluding-tax .price::after {
    content: " bez DPH" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999 !important;
    margin-left: 5px !important;
}

/* Skrytí původních labelů "S daní", "Bez daně", které Magento vkládá jinam */
.price-box .price-including-tax .label,
.price-box .price-excluding-tax .label {
    display: none !important;
}

/* ==========================================================================
   OPRAVA DORUČENÍ - PŘEPSÁNÍ PŮVODNÍHO STYLU .obednejtedo
   ========================================================================== */

/* Cílíme na třídu s překlepem, která je v šabloně */
.obednejtedo {
    display: block !important;
    float: none !important;          /* Zrušíme původní plavání */
    width: auto !important;          /* Reset šířky */
    background: #f0faff !important;  /* Nové modré pozadí */
    background-image: none !important; /* DŮLEŽITÉ: Odstraní starou ikonu na pozadí */
    border: 1px solid #d0e8f5 !important;
    border-left: 5px solid #009cce !important; /* Teno modrý pruh */
    border-radius: 4px !important;
    padding: 15px 20px !important;
    margin: 15px 0 25px 0 !important;
    min-height: auto !important;     /* Reset výšky */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    text-align: left !important;
    overflow: hidden !important;
    clear: both !important;
}

/* Styl pro text data doručení (silně přebíjíme původní barvy) */
.obednejtedo strong,
.obednejtedo b,
.obednejtedo font,
.obednejtedo div strong {
    color: #009cce !important;       /* Teno modrá */
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important; /* Zrušíme VELKÁ PÍSMENA */
    display: block !important;
    margin-bottom: 5px !important;
    font-family: Arial, sans-serif !important;
}

/* Styl pro ikonku (obrázek), pokud tam je vložena jako <img> */
.obednejtedo img {
    float: left !important;
    margin-right: 15px !important;
    margin-top: 3px !important;
    border: none !important;
    width: auto !important;
}

/* Styl pro doplňující text (šedý) */
.obednejtedo {
    color: #555 !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
}



/* =========================================
   8. MODERNIZACE HORNÍHO MENU (ŠEDÝ HOVER EFEKT)
   ========================================= */

/* --- 1. RODIČOVSKÁ POLOŽKA (Hlavní kategorie v liště) --- */
/* Důležité: Toto dělá z tlačítka "kotvu", ke které se menu přilepí */
#nav li.level0 {
    position: relative !important;
}

/* --- 2. ROZBALOVACÍ OKNO (Dropdown) --- */
#nav li.level0 ul,
#nav li.level0 div,
#nav .nav-regular {
    position: absolute !important;
    left: 0 !important;            /* Zarovnat přesně s levým okrajem nadřazené kategorie */
    top: 100% !important;          /* Hned pod lištu */
    margin-top: 0 !important;      
    
    width: 260px !important;       /* Optimální šířka sloupce */
    min-width: 260px !important;
    
    background: #ffffff !important;
    border: none !important;
    border-top: 3px solid #009cce !important; /* Teno modrá linka nahoře */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; /* Profi stín */
    border-radius: 0 0 4px 4px !important;
    padding: 10px 0 !important;
    z-index: 1000 !important;
    text-align: left !important;
}

/* --- 3. POLOŽKY V MENU (Srovnat pod sebe) --- */
#nav li.level0 ul li,
#nav li.level0 div li,
#nav li.level1 {
    float: none !important;        /* ZÁKAZ plavání vedle sebe */
    display: block !important;     /* Každá položka na nový řádek */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* --- 4. DESIGN ODKAZŮ (Typografie a vzhled) --- */
#nav li.level0 ul li a,
#nav li.level0 div li a {
    display: block !important;
    padding: 9px 20px !important;  
    font-size: 14px !important;
    color: #555 !important;        /* Čistá tmavě šedá */
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important; /* Animace */
    border-left: 3px solid transparent !important; /* Skrytý proužek vlevo */
    border-bottom: 1px solid #f9f9f9 !important; /* Jemná linka mezi položkami */
    line-height: 1.3 !important;
    white-space: normal !important; 
    background: transparent !important;
}

/* Zrušení linky u poslední položky */
#nav li.level0 ul li:last-child a {
    border-bottom: none !important;
}

/* --- 5. EFEKT PŘI NAJETÍ (HOVER - ŠEDÁ VERZE) --- */
#nav li.level0 ul li a:hover,
#nav li.level0 div li a:hover {
    background-color: #f5f5f5 !important; /* ZMĚNA: Elegantní šedé pozadí */
    color: #009cce !important;            /* Text modrý pro kontrast */
    padding-left: 28px !important;        /* Text odskočí doprava */
    border-left: 3px solid #009cce !important; /* Modrý proužek vlevo zůstává */
}

/* Šipka vpravo při najetí */
#nav li.level0 ul li a:hover::after {
    content: "›";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-55%);
    font-size: 18px;
    color: #009cce;
    font-weight: 300;
}

/* =========================================
   10. KOMPLETNÍ REDESIGN KOŠÍKU (STYL "MODERNÍ KARTA")
   ========================================= */

/* --- 1. CELKOVÝ KONTEJNER (KARTA) --- */
/* Tímto vyřešíme to "roztáhlé". Košík bude mít max šířku a bude uprostřed. */
.cart {
    max-width: 1100px !important;    /* Omezení šířky - už ne přes celý web */
    margin: 30px auto !important;    /* Vycentrování na středu */
    background: #ffffff !important;
    padding: 30px 40px !important;   /* Vzdušný vnitřek */
    border-radius: 8px !important;   /* Moderní zaoblení */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important; /* Luxusní stín */
    border: 1px solid #eaeaea !important;
}

/* Nadpis KOŠÍK */
.cart .page-title h1 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #2c3e50 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 25px !important;
    letter-spacing: 1px !important;
}

/* Skryjeme horní duplicitní tlačítka, jen ruší design */
.cart .page-title .checkout-types { display: none !important; }

/* --- 2. TABULKA PRODUKTŮ (Čistý seznam) --- */
.cart-table {
    width: 100% !important;
    border-collapse: separate !important; /* Aby fungoval border-radius u řádků */
    border-spacing: 0 10px !important;    /* Mezera mezi řádky produktů */
    border: none !important;
}

/* Hlavička tabulky */
.cart-table thead th {
    background: transparent !important;
    color: #999 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    border: none !important;
    padding: 0 10px 10px 10px !important;
    font-weight: 600 !important;
}

/* ŘÁDEK S PRODUKTEM (Vypadá jako samostatný bloček) */
.cart-table tbody tr {
    background: #fff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important; /* Jemný stín řádku */
    transition: transform 0.2s ease !important;
    border: 1px solid #f5f5f5 !important;
}
.cart-table tbody tr:hover {
    transform: scale(1.01) !important; /* Efekt "vystoupení" při najetí */
    background: #fcfcfc !important;
}

.cart-table tbody td {
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 15px !important;
    vertical-align: middle !important;
}
/* Zaoblení rohů prvního a posledního sloupce */
.cart-table tbody td:first-child { border-left: 1px solid #f0f0f0 !important; border-radius: 6px 0 0 6px !important; }
.cart-table tbody td:last-child { border-right: 1px solid #f0f0f0 !important; border-radius: 0 6px 6px 0 !important; }


/* Obrázek */
.cart-table .product-image img {
    border-radius: 4px !important;
    border: 1px solid #eee !important;
    width: 60px !important; /* Menší obrázek */
    height: auto !important;
}

/* Název produktu */
.cart-table h2.product-name a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-decoration: none !important;
}
.cart-table h2.product-name a:hover { color: #009cce !important; }

/* Pole Množství */
.cart-table .input-text.qty {
    width: 45px !important;
    height: 35px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #333 !important;
    margin: 0 auto !important;
    background: #f9f9f9 !important;
}
.cart-table .input-text.qty:focus {
    background: #fff !important;
    border-color: #009cce !important;
}

/* Skrytí odkazů "Upravit" */
.cart-table .btn-edit, .cart-table .btn-update { display: none !important; }

/* Ikona smazat (křížek) */
.btn-remove, .btn-remove2 {
    color: #ddd !important;
    font-size: 20px !important;
    line-height: 20px !important;
    transition: color 0.2s !important;
}
.btn-remove:hover { color: #ff4d4d !important; }


/* --- 3. SPODNÍ SEKCE (SOUČTY A SLEVY) --- */
/* Zde to uděláme zajímavé - tmavší blok pro součty */
.cart-collaterals {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: flex-end !important; /* Vše doprava */
    border-top: 2px solid #f5f5f5 !important;
    padding-top: 30px !important;
}

/* Skrytí levých částí, které zavazí, necháme jen slevový kód */
.cart .shipping, .cart .crosssell { display: none !important; }

/* Slevový kód - decentní vlevo od ceny */
.cart .discount {
    width: 300px !important;
    margin-right: 40px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.cart .discount h2 { 
    font-size: 13px !important; color: #777 !important; border: none !important; padding-bottom: 5px !important;
}
.cart .discount input#coupon_code {
    width: 100% !important; border: 1px solid #ddd !important; height: 40px !important; padding: 0 10px !important; border-radius: 4px !important;
}
.cart .discount .buttons-set { margin-top: 5px !important; }
.cart .discount button { background: #eee !important; color: #555 !important; border: none !important; height: 30px !important; border-radius: 3px !important; }

/* --- 4. FINÁLNÍ BOXY S CENOU (To hlavní) --- */
.cart .totals {
    width: 350px !important;
    background: #f4faff !important; /* Velmi jemná modrá */
    padding: 25px !important;
    border-radius: 8px !important;
    border: 1px solid #e1f0fa !important;
}

.cart .totals table { width: 100% !important; }
.cart .totals td {
    padding: 8px 0 !important;
    text-align: right !important;
    font-size: 14px !important;
    color: #666 !important;
}
.cart .totals td:first-child { text-align: left !important; }

/* Celková cena - OBROVSKÁ */
.cart .totals tr:last-child td {
    padding-top: 15px !important;
    border-top: 1px solid #dcebf5 !important;
}
.cart .totals .price-including-tax .price,
.cart .totals strong span.price {
    font-size: 26px !important; /* Velké číslo */
    font-weight: 800 !important;
    color: #009cce !important; /* Teno modrá */
}

/* --- 5. TLAČÍTKO "K POKLADNĚ" --- */
.cart .cart-collaterals .checkout-types {
    margin-top: 20px !important;
    width: 100% !important;
}

button.btn-proceed-checkout {
    display: block !important;
    width: 100% !important; /* Tlačítko přes celou šířku boxu s cenou */
    background: #009cce !important;
    height: 55px !important; /* Vysoké, masivní tlačítko */
    line-height: 55px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 5px 15px rgba(0, 156, 206, 0.4) !important; /* Záře pod tlačítkem */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    padding: 0 !important;
}

button.btn-proceed-checkout:hover {
    background: #0081aa !important;
    transform: translateY(-3px) !important; /* Tlačítko povyskočí */
    box-shadow: 0 8px 20px rgba(0, 156, 206, 0.5) !important;
}

button.btn-proceed-checkout span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 55px !important;
}

/* =========================================
   12. STYLOVÁNÍ DOMOVSKÉ STRÁNKY (FINÁLNÍ FIX)
   ========================================= */

/* --- LEVÁ ČÁST: BANNERY (Už bez carouselu!) --- */
/* Cílíme na třídu z CMS bloku */
.banner-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    width: 100% !important;
    height: 100% !important; /* Aby vyplnily výšku vedlejšího boxu */
}

.banner-item {
    flex: 1 1 45% !important; /* Každý banner vezme půlku */
    min-width: 250px !important;
    display: flex !important;
    flex-direction: column !important;
}

.banner-item a {
    display: block !important;
    height: 100% !important;
}

.banner-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Zajistí, že fotka vyplní prostor a nedeformuje se */
    border-radius: 6px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    display: block !important;
    transition: transform 0.2s ease !important;
}

.banner-item img:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 156, 206, 0.2) !important;
}

/* --- PRAVÁ ČÁST: VÝHODY (Zůstává stejné jako minule) --- */
/* Zde jen pro jistotu, aby to ladilo k bannerům */
.teno-box.side-benefits {
    flex: 1 1 250px; 
    min-width: 250px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}
/* ... zbytek stylů pro .teno-box side-benefits nech stejný jako minule ... */