/* ========================================================================== KOYU MOD — OVERRIDE KATMANI -------------------------------------------------------------------------- Sitenin varsayilan hali ACIK temadir. Bu dosya sadece iken devreye girer; tek basina hicbir sey degistirmez. Geri almak icin header.php icindeki tek satirini silmek yeterli. NOT: Gecmiste koyu mod, main.css icindeki sabit kodlanmis acik renkler donusmedigi icin bozuluyordu. Bu dosya o sabit renklerin HEPSINI tek tek ele alir; asagidaki "SABIT RENK DUZELTMELERI" bolumune bak. ========================================================================== */ html[data-theme="dark"] { --bg-deep-black: #0b1220; --bg-glass-dark: #111c30; --bg-card-solid: #111c30; --bg-dark: #0b1220; --box-bg: #111c30; --accent-blue: #3b82f6; --accent-cyan: #22d3ee; --text-main: #e8eef7; --text-muted: #9fb0c6; --border-light: rgba(255, 255, 255, 0.12); --gradient-main: linear-gradient(180deg, #070d18 0%, #0b1220 45%, #070d18 100%); --nav-bg: rgba(11, 18, 32, 0.94); --map-filter: invert(90%) hue-rotate(180deg) brightness(0.92) contrast(0.9); } /* ---------- NAVBAR ---------- */ html[data-theme="dark"] .navbar { box-shadow: 0 2px 14px rgba(0, 0, 0, 0.55); } html[data-theme="dark"] .navbar-toggler-icon { filter: invert(1) brightness(1.6); } /* Logo rozeti siyah; koyu navbar uzerinde kaybolmasin diye ince cerceve. */ html[data-theme="dark"] .brand-mark { border: 1px solid rgba(255, 255, 255, 0.16); } /* ---------- MEGA MENU / DROPDOWN ---------- */ html[data-theme="dark"] .nav-mega-panel, html[data-theme="dark"] .mega-inner { background: #0f1a2d; } html[data-theme="dark"] .mega-links a:hover { background: rgba(255, 255, 255, 0.05); } html[data-theme="dark"] .ml-ico { background: rgba(255, 255, 255, 0.07); } /* ---------- SERVIS TAKIP (drawer + kutu) ---------- */ html[data-theme="dark"] .servis-drawer, html[data-theme="dark"] .servis-drawer-inner { background: #0f1a2d; } html[data-theme="dark"] .servis-drawer-form input, html[data-theme="dark"] .stf-row input { background: #16233b; color: var(--text-main); } html[data-theme="dark"] .servis-drawer-form input::placeholder, html[data-theme="dark"] .stf-row input::placeholder { color: #7d8ba0; } html[data-theme="dark"] .servis-takip-box { background: var(--bg-card-solid); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] .st-detail { background: #16233b; border-color: rgba(255, 255, 255, 0.08); } /* ---------- BOLUM ZEMINLERI (sabit hex'ler) ---------- */ html[data-theme="dark"] .brand-section { background: #0d1526; } html[data-theme="dark"] .about-section { background-color: #0d1526; } html[data-theme="dark"] .tech-section-container { background-color: var(--bg-deep-black); } html[data-theme="dark"] .ref-logos-section { background-color: #0d1526; } html[data-theme="dark"] footer { background: #070d18; } /* ---------- KARTLAR / GOLGELER ---------- */ html[data-theme="dark"] .tech-card { box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] .tech-card:hover { box-shadow: 0 20px 44px rgba(0, 0, 0, 0.6); } html[data-theme="dark"] .cert-card { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); } html[data-theme="dark"] .svc-item { background: #111c30; border-color: rgba(255, 255, 255, 0.09); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); } html[data-theme="dark"] .svc-tab:hover { background: rgba(255, 255, 255, 0.07); } html[data-theme="dark"] .modal-content { background: var(--bg-card-solid); } html[data-theme="dark"] .modal-content .btn-close { filter: invert(1) grayscale(100%) brightness(1.8); } /* ---------- HIZMET KARTLARI + DETAY PENCERESI ---------- */ html[data-theme="dark"] .service-card { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.4); } html[data-theme="dark"] .service-card:hover, html[data-theme="dark"] .service-card:focus-visible { border-color: rgba(59, 130, 246, 0.45); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 22px 46px rgba(0, 0, 0, 0.55); } html[data-theme="dark"] .svc-ico, html[data-theme="dark"] .svc-badge, html[data-theme="dark"] .svm-ico { background: rgba(59, 130, 246, 0.16); } html[data-theme="dark"] .service-card:hover .svc-ico { background: rgba(59, 130, 246, 0.26); } html[data-theme="dark"] .svc-badge { border-color: rgba(59, 130, 246, 0.4); } html[data-theme="dark"] .svc-modal .modal-content { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.7); } /* Beyaz yazi #2563eb uzerinde 5.17, #3b82f6 uzerinde 3.68 kaliyor; butonlari koyu tonda sabitliyoruz. */ html[data-theme="dark"] .svm-cta-ara { background: #1d4ed8; } html[data-theme="dark"] .svm-cta-wa { background: #15803d; } /* Ikincil "Hizmet sayfasi" dugmesi dolgusuz oldugu icin koyu zeminde #1d4ed8 okunmuyor; acik maviye cekiliyor. */ html[data-theme="dark"] .svm-cta-sayfa { color: #93c5fd; border-color: rgba(147, 197, 253, .35); } html[data-theme="dark"] .svm-cta-sayfa:hover { background: rgba(147, 197, 253, .1); color: #bfdbfe; } /* Marka logolari ve sertifika gorselleri seffaf PNG; okunabilirlik icin zeminleri bilerek acik birakiliyor. */ html[data-theme="dark"] .ref-logo-tile, html[data-theme="dark"] .cert-card-img { background: #eef2f7; } /* ---------- HAFTANIN URUNLERI VITRINI ---------- */ html[data-theme="dark"] .hu-section { background: linear-gradient(180deg, #0b1220 0%, #0d1526 100%); } html[data-theme="dark"] .hu-title, html[data-theme="dark"] .hu-name, html[data-theme="dark"] .hu-now { color: #e8eef7; } html[data-theme="dark"] .hu-sub, html[data-theme="dark"] .hu-cat, html[data-theme="dark"] .hu-kdv, html[data-theme="dark"] .hu-old { color: #9fb0c6; } html[data-theme="dark"] .hu-card { background: #111c30; border-color: rgba(255, 255, 255, 0.10); } html[data-theme="dark"] .hu-card:hover { box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55); } html[data-theme="dark"] .hu-indirim { background: #2563eb; } /* Urun fotograflari beyaz zeminli cekiliyor; media alani acik kalmali. */ html[data-theme="dark"] .hu-media { background: #ffffff; } html[data-theme="dark"] .hu-media.noimg, html[data-theme="dark"] .hu-media .hu-ph { background: #16233b; } html[data-theme="dark"] .hu-scroll::-webkit-scrollbar-thumb { background: #334155; } html[data-theme="dark"] .hu-eyebrow { color: #60a5fa; } html[data-theme="dark"] .hu-all { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); } /* ---------- HIZMET SEKMELERI ---------- */ html[data-theme="dark"] .svc-tabs { background: rgba(17, 28, 48, 0.8); border-color: rgba(255, 255, 255, 0.07); } /* ---------- SIHIRBAZ (wizard.css sabit renkleri) ---------- */ html[data-theme="dark"] .wizard-box { background: #111c30; border-color: rgba(255, 255, 255, 0.10); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06); } html[data-theme="dark"] .wizard-card, html[data-theme="dark"] .wizard-op-card, html[data-theme="dark"] .wiz-summary, html[data-theme="dark"] .wiz-q-opt, html[data-theme="dark"] .wiz-detail-card, html[data-theme="dark"] .wiz-office-card { background: #16233b; border-color: rgba(255, 255, 255, 0.09); } html[data-theme="dark"] .wiz-q-opt { color: #9fb0c6; } html[data-theme="dark"] .wizard-back-btn, html[data-theme="dark"] .wiz-final-btn.wz-rst { background: #16233b; border-color: rgba(255, 255, 255, 0.10); color: #9fb0c6; } html[data-theme="dark"] .wiz-form-row input { background: #16233b; border-color: rgba(255, 255, 255, 0.12); color: #e8eef7; } html[data-theme="dark"] .wiz-form-row input:focus { background: #1b2b47; } html[data-theme="dark"] .wizard-step-dot { border-color: rgba(255, 255, 255, 0.22); color: rgba(255, 255, 255, 0.55); } /* ---------- MUSTERI YORUMLARI ---------- */ html[data-theme="dark"] .my-cta a { background: #16233b; color: #e8eef7; } /* Puan rakami sabit koyu gri; koyu kart uzerinde okunmuyordu. */ html[data-theme="dark"] .my-badge .score b { color: #e8eef7; } /* ---------- KONTRAST DUZELTMELERI (WCAG AA) ---------- Koyu modda --accent-blue aciliyor; uzerine beyaz yazi 4.5:1'in altina dusuyor. Buton zeminlerini bir tik koyu tutuyoruz. */ html[data-theme="dark"] .btn-hero, html[data-theme="dark"] .btn-nav-contact { background: #1d4ed8; } html[data-theme="dark"] .btn-hero:hover { background: #0e7490; } /* Stok etiketleri ve footer linkleri acik zemin icin secilmisti. */ html[data-theme="dark"] .hu-stok.var { color: #4ade80; } html[data-theme="dark"] .hu-stok.az { color: #fbbf24; } html[data-theme="dark"] .hu-stok.yok { color: #f87171; } html[data-theme="dark"] .footer-svc-link { color: #9fb0c6; } html[data-theme="dark"] .footer-svc-link::before { color: #7d8ba0; } /* ---------- TEMA BUTONU ---------- */ .theme-toggle { background: transparent; } html[data-theme="dark"] .theme-toggle { color: #fbbf24; border-color: rgba(251, 191, 36, 0.45); } html[data-theme="dark"] .theme-toggle:hover { color: #fcd34d; border-color: #fbbf24; }