/* --- OK ODSTRÁNENIE LUPY A JEJ KLIKATEĽNEJ OBLASTI --- */
html body #header .search-widget,
html body #header .search-btn,
html body #header .header-search,
html body .toggle-window[data-target="search"],
html body [data-testid="searchButton"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important; /* Toto definitívne zabije možnosť kliknutia */
}

/* --- OK BUTTON NAKUPUJ DIZAJN PRE FALCON TLAČIDLÁ --- */
.falcon-btn {
    display: inline-block !important;
    background-color: #293988 !important; /* Tvoja modrá */
    color: #ffffff !important; /* Biely text */
    padding: 15px 40px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 5px !important; /* Jemne zaoblené rohy */
    box-shadow: 0 4px 15px rgba(41, 57, 136, 0.3) !important; /* Jemný tieň */
    transition: all 0.3s ease !important;
}

/* --- OK BUTTON NAKUPUJ Efekt po prejdení myšou */
.falcon-btn:hover {
    background-color: #1a2559 !important; /* Tmavšia modrá pri ukázaní */
    transform: translateY(-3px) !important; /* Jemne poskočí hore */
    box-shadow: 0 6px 20px rgba(41, 57, 136, 0.5) !important;
    color: #ffffff !important;
}
/* --- OK 1. Všetky ikonky (Lupa, Košík, Panáčik, Menu) - cielime priamo na SVG krivky */
html body #header svg,
html body #header svg path,
html body #header svg polygon,
html body #header svg rect,
html body #header .svg-icon,
html body #header .svg-icon path,
html body .navigation-btn i,
html body .navigation-btn::before,
html body #header [class*="widget"] i::before {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* --- OK 2. Texty v hlavičke (Menu) - IBA PRE POČÍTAČE (od šírky 992px) */
@media (min-width: 992px) {
    html body #header .navigation a,
    html body #header .navigation span,
    html body #header .menu-item a,
    html body .navigation-in a {
        color: #ffffff !important;
    }
}

/* --- OK 4. Texty a odkazy v pätičke (Úplne dole) */
html body #footer a,
html body #footer span,
html body .site-footer a,
html body .footer-bottom a,
html body [class*="footer-link"] a {
    color: #ffffff !important;
}

/* --- OK BIELY BOX A MODRÁ IKONKA PRE PANÁČIKA (Zistené cez F12) --- */
html body #header .top-nav-button-login {
    background-color: #293988 !important; /* Biely podklad (box) */
    color: #ffffff !important; /* Tvoja modrá pre samotného panáčika */
    border-radius: 6px !important; /* Zaoblené rohy, aby ladil s košíkom */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important; /* Šírka boxu (ak treba, zmeň číslo) */
    height: 44px !important; /* Výška boxu (ak treba, zmeň číslo) */
}

/* --- OK BIELY BOX A MODRÁ IKONKA PRE KOSIK (Zistené cez F12) --- */
html body #header .icon-cart {
    background-color: #293988 !important; /* Biely podklad (box) */
    color: #ffffff !important; /* Tvoja modrá pre samotného panáčika */
    border-radius: 6px !important; /* Zaoblené rohy, aby ladil s košíkom */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important; /* Šírka boxu (ak treba, zmeň číslo) */
    height: 44px !important; /* Výška boxu (ak treba, zmeň číslo) */
}
/* --- OK MOBILNÉ MENU: HAMBURGER A KRÍŽIK NA BIELO (Presná F12 zhoda) --- */

/* Zameriame sa priamo na triedu toggle-window a parameter hamburgerMenu */
html body .toggle-window[data-target="navigation"],
html body .toggle-window[data-target="navigation"]::before,
html body [data-testid="hamburgerMenu"],
html body [data-testid="hamburgerMenu"]::before {
    color: #ffffff !important;
}

/* --- OK Toto je pre krížik (zatvorenie menu) */
html body .navigation-window-close,
html body .navigation-window-close::before,
html body .navigation-window-close i {
    color: #ffffff !important;
}

/* --- OK POSUNUTIE IKONIEK DOLE NA ÚROVEŇ MENU A VYTIAHNUTIE DOPREDU --- */
@media (min-width: 992px) {
    html body #header .navigation-buttons {
        top: auto !important;
        bottom: 34px !important; /* Tvoj správny posun dole */

    }

}


/* --- DEFINITÍVNE ODSTRÁNENIE LIŠTY ZORAĎOVANIA --- */
html body #category-header .listSorting,
html body #category-content-wrapper,
html body .category-content-wrapper,
html body .category-header .listSorting {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* --- ODSTRÁNENIE SIVEJ ČIARY POD PODKATEGÓRIAMI --- */
html body.type-category .category-top,
html body.type-category .subcategories,
html body.type-category .category-content-wrapper,
html body.type-category #category-header {
    border-bottom: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Štýl pre tvoje nové dokonalé dlaždice */
.falcon-cat-grid { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    justify-content: center !important; 
    gap: 40px !important; 
    margin: 40px 0 80px 0 !important; /* Spodný margin 80px odstráni prekrývanie s newsletterom */
}
.falcon-cat-item { 
    width: 400px !important; 
    text-decoration: none !important; 
    text-align: center !important; 
    transition: transform 0.3s ease !important; 
    background: transparent !important;
}
.falcon-cat-item:hover { 
    transform: translateY(-5px) !important; 
}
.falcon-cat-item img { 
    width: 100% !important; 
    height: 400px !important; 
    object-fit: cover !important; 
    border-radius: 8px !important; 
    margin-bottom: 20px !important; 
    box-shadow: 0 4px 15px rgba(41,57,136,0.1) !important; /* Jemný profi tieň */
}
.falcon-cat-item span { 
    display: block !important; 
    font-size: 24px !important; 
    font-weight: 700 !important; 
    color: #293988 !important; 
    text-transform: uppercase !important; 
}


	
/* --- ZHUSTENIE A VYCENTROVANIE STĹPCOV PÄTIČKY (Iba pre Desktop) --- */
@media (min-width: 992px) {
    /* Zúženie hlavného neviditeľného obalu pätičky */
    html body #footer .container,
    html body footer .container,
    html body .footer-top .container {
        max-width: 1200px !important; /* Tu si nastavuješ, ako blízko budú pri sebe */
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Poistka, aby sa stĺpce vnútri netlačili na kraje, ale do stredu */
    html body #footer .row {
        justify-content: center !important;
    }
}

/* --- VYCENTROVANIE PÄTIČKY (Iba pre mobily) --- */
@media (max-width: 991px) {
    html body #footer,
    html body footer,
    html body #footer .row,
    html body #footer .container {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }
    
    /* Vycentrovanie loga Falcon (obrázku) na mobile */
    html body #footer img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* Vynútené vycentrovanie vnútorných textov, odkazov a ikoniek */
    html body #footer p,
    html body #footer div,
    html body #footer span,
    html body #footer ul,
    html body #footer li,
    html body #footer a {
        text-align: center !important;
        justify-content: center !important;
    }
}