/* ============================================================ Eye-Shop Dark Mode (opt-in) — 2026-09-16 Ενεργοποιείται ΜΟΝΟ με class .esdark στο (toggle στο top bar, αποθήκευση localStorage 'esTheme'). Καμία επίδραση στο light look. Αρχή: πραγματικό dark skin (όχι invert filter — σπάει fixed/φωτό). Οι φωτογραφίες προϊόντων μένουν σε ΛΕΥΚΑ chips (σωστή απόδοση σκελετών). ============================================================ */ /* ---------- Παλέτα & v8 token flip (home/PDP/cart τρέχουν σε tokens) ---------- */ html.esdark.esdark { color-scheme: dark; background: #0f1114; --v8-bg: #0f1114; --v8-surface: #171a1f; --v8-text: #e2e6ea; --v8-muted: #9aa4ae; --v8-line: #2a3037; --v8-accent: #6ea3cc; --v8-accent-dark: #8db8da; --v8-accent-soft: #1a2733; --v8-ok: #4cc47e; --v8-ok-soft: #142a1c; --v8-warn: #e8a25c; --v8-warn-bd: #a3641e; --v8-warn-soft: #2c2113; --v8-urgent: #ff7b8a; --v8-discount-bg: #e2e6ea; --v8-discount-fg: #14171b; } html.esdark.esdark body { background: #0f1114 !important; color: #dbe0e5; } /* ---------- Γενική τυπογραφία (ό,τι δεν καλύπτεται από tokens) ---------- */ html.esdark.esdark :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td,label,legend,figcaption,address,blockquote,span,strong,b,em,small,div) { color: inherit; } html.esdark.esdark a:where(:not([class*="btn"])) { color: #8db8da; } html.esdark.esdark a:where(:not([class*="btn"])):hover { color: #aecfe8; } /* ---------- Top bar + Navbar + Megamenus ---------- */ html.esdark.esdark .navbar-top { background: #131920 !important; } html.esdark.esdark .navbar-top a, html.esdark.esdark .navbar-top .userMenu li, html.esdark.esdark .navbar-top .mgn-usp { color: #c6cdd4 !important; } html.esdark.esdark .navbar.navbar-tshop { background: #14171b !important; border-color: #2a3037 !important; } html.esdark.esdark .navbar-tshop .navbar-nav > li > a { color: #dbe0e5 !important; } html.esdark.esdark .navbar-tshop .navbar-nav > li > a:hover, html.esdark.esdark .navbar-tshop .navbar-nav > li.hover > a { color: #ffffff !important; } html.esdark.esdark .mgn-v8 { background: #171a1f !important; } html.esdark.esdark .mgn-v8 a { color: #cfd5db; } html.esdark.esdark .mgn-v8 a:hover { color: #fff; } html.esdark.esdark .mgn-v8 .mgn-head { color: #8d97a1; border-color: #2a3037; } html.esdark.esdark .navbuttcontainer { background: #171a1f !important; border-color: #2a3037 !important; } html.esdark.esdark .dropdown-menu { background: #171a1f !important; border-color: #2a3037 !important; } html.esdark.esdark .dropdown-menu a { color: #cfd5db !important; } html.esdark.esdark .dropdown-menu a:hover { background: #21262d !important; color: #fff !important; } /* λογότυπο: το σκούρο png γίνεται ορατό με ήπιο invert ΜΟΝΟ στο ίδιο το logo */ html.esdark.esdark .navbar-header img[src*="logo"], html.esdark.esdark img[src*="logoeye"] { filter: invert(1) hue-rotate(180deg) brightness(1.2); mix-blend-mode: screen; } /* αναζήτηση / φόρμες */ html.esdark.esdark input, html.esdark.esdark select, html.esdark.esdark textarea { background: #1b2026 !important; color: #e2e6ea !important; border-color: #333a42 !important; } html.esdark.esdark input::placeholder, html.esdark.esdark textarea::placeholder { color: #7e8892; } /* ---------- Κοινές λευκές επιφάνειες / πάνελ / cards ---------- */ html.esdark.esdark .well, html.esdark.esdark .panel, html.esdark.esdark .panel-default, html.esdark.esdark .modal-content, html.esdark.esdark .thumbnail, html.esdark.esdark .list-group-item, html.esdark.esdark .card, html.esdark.esdark .featuredPostContainer, html.esdark.esdark .container-fluid.whitebg { background: #171a1f !important; border-color: #2a3037 !important; color: #dbe0e5; } html.esdark.esdark .modal-header, html.esdark.esdark .modal-footer { border-color: #2a3037; background: #171a1f; } html.esdark.esdark hr { border-color: #2a3037; } html.esdark.esdark .breadcrumb { background: transparent !important; } html.esdark.esdark .breadcrumb a, html.esdark.esdark .breadcrumb li { color: #9aa4ae !important; } /* πιάσε τα πιο συχνά inline λευκά */ html.esdark.esdark [style*="background:#fff"], html.esdark.esdark [style*="background: #fff"], html.esdark.esdark [style*="background:#ffffff"], html.esdark.esdark [style*="background-color:#fff"], html.esdark.esdark [style*="background-color: #fff"], html.esdark.esdark [style*="background-color:#ffffff"], html.esdark.esdark [style*="background:white"], html.esdark.esdark [style*="background-color:white"] { background: #171a1f !important; } /* ---------- Product imagery: λευκά chips ---------- */ html.esdark.esdark .swiper-zoom-container, html.esdark.esdark .fiximage, html.esdark.esdark .reco-ph, html.esdark.esdark .ck-item img, html.esdark.esdark .miniCartProduct img, html.esdark.esdark img[src*="/eye-shop/image/"], html.esdark.esdark img[src*="/images/"] { background: #ffffff; } html.esdark.esdark img[src*="/eye-shop/image/"] { border-radius: 6px; } html.esdark.esdark .image img, html.esdark.esdark .reco-ph img, html.esdark.esdark .mySwiper2 img, html.esdark.esdark .mySwiper img { border-radius: 0; } /* ---------- Listing (gyalia-hliou κ.λπ.) ---------- */ html.esdark.esdark .product, html.esdark.esdark .productinfo, html.esdark.esdark .product-item, html.esdark.esdark .prdocutname, html.esdark.esdark .productMasonry { background: #171a1f !important; border-color: #2a3037 !important; color: #dbe0e5 !important; } /* ---------- Cart / minicart / drawer ---------- */ html.esdark.esdark .containerCart, html.esdark.esdark .miniCartTable, html.esdark.esdark .miniCartFooter, html.esdark.esdark .cart-sidebar, html.esdark.esdark .cart-sidebar-content, html.esdark.esdark .mobile-nav-drawer, html.esdark.esdark .mn-panel { background: #171a1f !important; color: #dbe0e5 !important; border-color: #2a3037 !important; } html.esdark.esdark .mn-item, html.esdark.esdark .mn-panel a { color: #cfd5db !important; } /* ---------- Checkout (ck-* / paycard inline λευκά) ---------- */ html.esdark.esdark .ck-items, html.esdark.esdark .ck-item, html.esdark.esdark .paycard, html.esdark.esdark #payCards .paycard, html.esdark.esdark .courier-card { background: #171a1f !important; border-color: #2a3037 !important; color: #dbe0e5 !important; } html.esdark.esdark .ck-items-t { color: #e2e6ea; } /* ---------- Footer ---------- */ html.esdark.esdark footer, html.esdark.esdark .footer, html.esdark.esdark #footer { background: #131920 !important; color: #b7bfc7 !important; border-color: #2a3037 !important; } html.esdark.esdark footer a, html.esdark.esdark .footer a, html.esdark.esdark #footer a { color: #b7bfc7 !important; } /* ---------- Κουμπί toggle ---------- */ .es-theme-li { display: inline-block; } #esThemeBtn { background: transparent; border: 0; cursor: pointer; padding: 6px 8px; font-size: 15px; line-height: 1; color: inherit; vertical-align: middle; } #esThemeBtn:hover { opacity: .75; } /* ---------- Τελικές μικρο-διορθώσεις ---------- */ html.esdark.esdark ::-webkit-scrollbar { width: 12px; height: 12px; } html.esdark.esdark ::-webkit-scrollbar-track { background: #14171b; } html.esdark.esdark ::-webkit-scrollbar-thumb { background: #333a42; border-radius: 6px; } html.esdark.esdark table { color: #dbe0e5; } html.esdark.esdark .btn-default { background: #1f242b !important; color: #e2e6ea !important; border-color: #333a42 !important; } /* ---------- Sweep additions (16/9) ---------- */ /* Home */ html.esdark.esdark .v8-trust { background: #131920 !important; color: #c6cdd4 !important; border-color: #2a3037 !important; } html.esdark.esdark .v8-trust * { color: #c6cdd4 !important; } html.esdark.esdark .reco-card { background: #171a1f !important; border-color: #2a3037 !important; color: #dbe0e5 !important; } html.esdark.esdark .reco-ph { background: #ffffff; border-radius: 8px; } html.esdark.esdark .subCategoryThumb { background: #171a1f !important; border-color: #2a3037 !important; } html.esdark.esdark .es-trigger { background: #1b2026 !important; color: #9aa4ae !important; border-color: #333a42 !important; } /* Listing */ html.esdark.esdark .topcategorydiv, html.esdark.esdark .post-main-view, html.esdark.esdark .post-description, html.esdark.esdark .panel-group, html.esdark.esdark .panel-body, html.esdark.esdark .panel-heading { background: #14171b !important; color: #dbe0e5 !important; border-color: #2a3037 !important; } html.esdark.esdark .image { background: #ffffff; border-radius: 8px; } html.esdark.esdark .select2-selection, html.esdark.esdark .select2-dropdown, html.esdark.esdark .select2-results__option { background: #1b2026 !important; color: #e2e6ea !important; border-color: #333a42 !important; } /* PDP */ html.esdark.esdark .pdp-breadcrumb { background: transparent !important; } html.esdark.esdark .mySwiper2 .swiper-slide, html.esdark.esdark .mySwiper .swiper-slide, html.esdark.esdark .sg-box { background: #ffffff; } html.esdark.esdark .section-review, html.esdark.esdark .graybg { background: #14171b !important; color: #dbe0e5 !important; } html.esdark.esdark .review-item { background: #171a1f !important; border-color: #2a3037 !important; } html.esdark.esdark .xp-promise { background: #142a1c !important; border-color: #23532f !important; color: #7fd8a2 !important; } html.esdark.esdark .xp-promise .xpp-ico { color: #4cc47e !important; } /* ---------- PDP refinements (16/9 live sweep) ---------- */ html.esdark.esdark .product-subtitle1, html.esdark.esdark .product-subtitle, html.esdark.esdark .product-code, html.esdark.esdark .posted, html.esdark.esdark .post-meta { color: #b7bfc7 !important; } html.esdark.esdark #addcartbuttid1, html.esdark.esdark .btn-purple { background: #e2e6ea !important; color: #14171b !important; border-color: #e2e6ea !important; } html.esdark.esdark #addcartbuttid1:hover, html.esdark.esdark .btn-purple:hover { background: #ffffff !important; color: #000 !important; } #esThemeBtn { font-size: 17px; } /* Cart CTA: το bg παίρνει το flipped --v8-text (ανοιχτό) — το κείμενο πρέπει σκούρο */ html.esdark.esdark .cartv8-cta, html.esdark.esdark .cartv8-cta:visited { color: #14171b !important; } html.esdark.esdark .cartv8-cta:hover { background: #ffffff !important; color: #000 !important; } html.esdark.esdark .cartv8-qty button, html.esdark.esdark .cartv8-qty input { background: #1b2026 !important; color: #e2e6ea !important; border-color: #333a42 !important; } /* ---------- Inline-color δίχτυ (PDP benefits/δόσεις κ.λπ. με hardcoded σκούρα) ---------- */ html.esdark.esdark [style*="color:#000"], html.esdark.esdark [style*="color: #000"], html.esdark.esdark [style*="color:#111"], html.esdark.esdark [style*="color:#1a1a1a"], html.esdark.esdark [style*="color:#222"], html.esdark.esdark [style*="color:#333"], html.esdark.esdark [style*="color: #333"], html.esdark.esdark [style*="color:#444"], html.esdark.esdark [style*="color: #444"], html.esdark.esdark [style*="color:black"] { color: #dbe0e5 !important; } html.esdark.esdark [style*="color:#555"], html.esdark.esdark [style*="color:#666"], html.esdark.esdark [style*="color: #666"], html.esdark.esdark [style*="color:#777"], html.esdark.esdark [style*="color:#888"], html.esdark.esdark [style*="color:#999"], html.esdark.esdark [style*="color: #999"], html.esdark.esdark [style*="color:#aaa"], html.esdark.esdark [style*="color:gray"], html.esdark.esdark [style*="color:grey"] { color: #9aa4ae !important; } /* PDP benefit links (Δωρεάν Αποστολή / Εγγύηση / UV κ.λπ.) — ομοιόμορφα */ html.esdark.esdark .tooltipHere, html.esdark.esdark a.tooltipHere.mypointer { color: #8db8da !important; } /* Modal close (bootstrap .close: μαύρο x + opacity -> αόρατο σε dark) */ html.esdark.esdark .close, html.esdark.esdark button.close { color: #ffffff !important; opacity: .65 !important; text-shadow: none !important; } html.esdark.esdark .close:hover, html.esdark.esdark button.close:hover { opacity: 1 !important; } html.esdark.esdark .modal-title { color: #e2e6ea !important; } /* ---------- Ενιαίες product cards (user feedback 16/9): το λευκό chip = «πάνω μισό» της ΙΔΙΑΣ κάρτας — κοινό περίγραμμα, ενιαίο radius, καμία οπτική διάσπαση ---------- */ html.esdark.esdark .product { border: 1px solid #333a42 !important; border-radius: 12px !important; overflow: hidden; background: #171a1f !important; } html.esdark.esdark .product .image { border-radius: 0 !important; } html.esdark.esdark .reco-card { border: 1px solid #333a42 !important; border-radius: 12px !important; overflow: hidden; } html.esdark.esdark .reco-card .reco-ph { border-radius: 0; } /* Sidebar κατηγορίες listing: έμεναν #42474f σκούρα-σε-σκούρα («χάνονται») */ html.esdark.esdark .topcategorydiv a, html.esdark.esdark .panel-group a, html.esdark.esdark .panel-group label, html.esdark.esdark .panel-group li { color: #c6cdd4 !important; } html.esdark.esdark .topcategorydiv a:hover, html.esdark.esdark .panel-group a:hover { color: #ffffff !important; }