/* ============================================== Light Theme Overrides Activated when has class "light-mode" (toggled by js/theme-toggle.js, persisted in localStorage) ================================================= */ /* ---------- Base / Page Wrapper ---------- */ html.light-mode .main-page-wrapper.dark-bg-one { background: #f5f6f8; color: #14181d; } html.light-mode ::-webkit-scrollbar-track { background: #f5f6f8; } /* Photo/decorative sections intentionally stay dark in light mode too (their background images need a dark scrim for legible white text). Elements inside that don't set their own color inherit from here. */ html.light-mode .hero-banner-four, html.light-mode .onur-about-hero, html.light-mode .urunlerimiz-hero, html.light-mode .onur-contact-section, html.light-mode .why-onur-section, html.light-mode .global-packaging-section, html.light-mode .smart-logistics-section, html.light-mode .onur-about-pillar, html.light-mode .hc-hero-card, html.light-mode .hc-detail-card, html.light-mode .hc-mid-card, html.light-mode .selector-product-card, html.light-mode .product-detail-media { color: #fff; } html.light-mode .footer-one .social-icon-one li a { color: #fff; } /* ---------- Header / Main Menu ---------- */ /* The overlay header always sits on top of each page's dark hero/photo section, so its nav text must stay white there (default template style). Only the opaque sticky "fixed" header (white bg) needs dark nav text. */ html.light-mode .theme-main-menu.fixed.menu-style-four { background: #ffffff; } html.light-mode .theme-main-menu.fixed.menu-style-four .nav-item .nav-link { color: #14181d; } html.light-mode .theme-main-menu.fixed.menu-style-four .nav-item:hover .nav-link { background: rgba(20, 24, 29, 0.08); color: #14181d; } html.light-mode .theme-main-menu.fixed .navbar-nav { background: rgba(20, 24, 29, 0.05); } @media (max-width: 991px) { /* Mobile collapse panel always has its own opaque light background, so its nav text stays dark regardless of the header's scroll state. */ html.light-mode .theme-main-menu.menu-style-four .navbar-collapse { background: rgba(255, 255, 255, 0.94); border-right: 1px solid rgba(20, 24, 29, 0.1); } html.light-mode .theme-main-menu.menu-style-four .navbar .navbar-nav .nav-item .nav-link { color: #14181d; } } /* ---------- Footer ---------- */ html.light-mode .footer-one .footer-nav li { color: #14181d; } html.light-mode .footer-one .copyright-text { color: rgba(20, 24, 29, 0.7); } html.light-mode .footer-one .name span { background: linear-gradient(180deg, #f5f6f8 25%, #101315 113.21%); -webkit-background-clip: text; background-clip: text; } /* ---------- Hakkımızda (About) Page ---------- */ html.light-mode .onur-about-section { background: #ffffff; color: #14181d; } html.light-mode .onur-about-story { background: #ffffff; color: #14181d; border-top: 1px solid rgba(20, 24, 29, 0.08); } html.light-mode .onur-about-story p { color: rgba(20, 24, 29, 0.68); } html.light-mode .onur-about-values { background: #ffffff; } html.light-mode .onur-about-values h2 { color: #14181d; } html.light-mode .onur-about-values-intro { color: rgba(20, 24, 29, 0.62); } html.light-mode .onur-about-value { border-top: 1px solid rgba(20, 24, 29, 0.22); } html.light-mode .onur-about-value h3 { color: #14181d; } html.light-mode .onur-about-value p { color: rgba(20, 24, 29, 0.58); } html.light-mode .onur-about-pillars { background: #ffffff; color: #14181d; } /* ---------- Ürünlerimiz (Products) Grid & Product Detail ---------- */ html.light-mode .urunlerimiz-grid-section { background: #ffffff; } html.light-mode .urunlerimiz-grid-section h2, html.light-mode .urunlerimiz-grid-section .text-white { color: #14181d !important; } html.light-mode .product-detail-section { background: #ffffff; color: #14181d; } html.light-mode .product-detail-lead { color: rgba(20, 24, 29, 0.68); } html.light-mode .product-detail-specs { background: rgba(20, 24, 29, 0.08); border-color: rgba(20, 24, 29, 0.08); } html.light-mode .product-detail-specs li { background: #f5f6f8; } html.light-mode .product-detail-specs li:hover { background: #eceef1; } html.light-mode .product-detail-specs span { color: rgba(20, 24, 29, 0.45); } html.light-mode .product-detail-specs strong { color: #14181d; } html.light-mode .product-detail-signature { color: rgba(20, 24, 29, 0.82); } /* ---------- Product Selector (Anasayfa) ---------- */ html.light-mode .product-selector-section { background: radial-gradient(circle at 14% 17%, rgba(226, 117, 25, 0.10), transparent 34%), radial-gradient(circle at 78% 82%, rgba(226, 117, 25, 0.06), transparent 42%), linear-gradient(180deg, #f5f6f8 0%, #eceef1 100%); } html.light-mode .selector-title { color: #14181d; } html.light-mode .selector-text { color: rgba(20, 24, 29, 0.66); } html.light-mode .selector-explore-link { color: rgba(20, 24, 29, 0.85); } html.light-mode .selector-explore-link i { border-color: rgba(20, 24, 29, 0.28); } html.light-mode .selector-explore-link:hover { color: #14181d; } html.light-mode .selector-nav-arrow { background: rgba(255, 255, 255, 0.9); } html.light-mode .selector-nav-arrow:hover { background: #e27519; color: #fff; } /* ---------- Harvest Calendar (Anasayfa) ---------- */ html.light-mode .harvest-calendar-section { background: #ffffff; } html.light-mode .hc-bottom-card { background: #f5f6f8; border-color: rgba(20, 24, 29, 0.1); } html.light-mode .hc-bottom-card-label { color: rgba(20, 24, 29, 0.45); } html.light-mode .hc-upcoming-item { background: rgba(20, 24, 29, 0.045); } html.light-mode .hc-upcoming-name { color: #14181d; } html.light-mode .hc-upcoming-sub { color: rgba(20, 24, 29, 0.4); } html.light-mode .hc-upcoming-date { color: rgba(20, 24, 29, 0.85); border-color: rgba(20, 24, 29, 0.22); background: rgba(20, 24, 29, 0.045); } html.light-mode .hc-intel-item:not(:last-child)::after { background: rgba(20, 24, 29, 0.12); } html.light-mode .hc-intel-num { color: #14181d; } html.light-mode .hc-intel-label { color: rgba(20, 24, 29, 0.45); } html.light-mode .hc-export-col:not(:last-child)::after { background: rgba(20, 24, 29, 0.12); } html.light-mode .hc-export-num { color: #14181d; } html.light-mode .hc-export-label { color: rgba(20, 24, 29, 0.45); }