@charset "utf-8";

:root {
    --mobile-header-background: #fff;
    --mobile-header-foreground: #000;
    --mobile-header-border: rgba(0, 0, 0, 0.22);
    --mobile-menu-background: #000;
    --mobile-menu-foreground: #fff;
}

/* Son yüklenen tema dosyalarından bağımsız mobil üst menü. */
@media (max-width: 460px) {
    body.site-no-hover .mobile-menu-panel {
        display: none !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        background: var(--mobile-menu-background) !important;
        background-color: var(--mobile-menu-background) !important;
        color: var(--mobile-menu-foreground) !important;
    }

    body.site-no-hover .mobile-menu-panel.mobile-menu-open {
        display: block !important;
        background: var(--mobile-menu-background) !important;
        color: var(--mobile-menu-foreground) !important;
    }

    body.site-no-hover .header.mobile-header-white .mobile-menu-panel,
    body.site-no-hover .header.mobile-header-white .mobile-menu-panel ul,
    body.site-no-hover .header.mobile-header-white .mobile-menu-panel li,
    body.site-no-hover .header.mobile-header-white .mobile-menu-panel a,
    body.site-no-hover .header.mobile-header-white .mobile-menu-panel .nav,
    body.site-no-hover .header.mobile-header-white .mobile-menu-panel .dropdown-menu {
        background: var(--mobile-menu-background) !important;
        background-color: var(--mobile-menu-background) !important;
        color: var(--mobile-menu-foreground) !important;
        text-shadow: none !important;
    }

    body.site-no-hover .header.mobile-header-white,
    body.site-no-hover .header.mobile-header-white .mobile-nav,
    body.site-no-hover .header.mobile-header-white .mobile-logo,
    body.site-no-hover .header.mobile-header-white .mobile-navbar-trigger,
    body.site-no-hover .header.mobile-header-white .searchtrigger,
    body.site-no-hover .header.mobile-header-white .cart,
    body.site-no-hover .header.mobile-header-white .cart i {
        background: var(--mobile-header-background) !important;
        background-color: var(--mobile-header-background) !important;
        color: var(--mobile-header-foreground) !important;
    }

    body.site-no-hover .header.mobile-header-white .mobile-logo,
    body.site-no-hover .header.mobile-header-white .searchtrigger,
    body.site-no-hover .header.mobile-header-white .cart {
        border-color: var(--mobile-header-border) !important;
    }

    body.site-no-hover .header.mobile-header-white .mobile-logo img {
        filter: none !important;
    }

}

/* Site genelinde hareket ve hover kaynaklı görsel değişimleri kapatılır. */
body.site-no-hover *,
body.site-no-hover *::before,
body.site-no-hover *::after {
    transition: none !important;
    animation: none !important;
}

body.site-no-hover .products-list li,
body.site-no-hover .products-list li .thumbnail,
body.site-no-hover .products-list li .thumbnail a,
body.site-no-hover .products-list li .thumbnail img,
body.site-no-hover .about-list li,
body.site-no-hover .about-list li .thumbnail,
body.site-no-hover .about-list li .thumbnail img {
    opacity: 1 !important;
    transform: none !important;
}