/* ============================================================
   DARK PLUS — Premium dark tema (WebStyle.css üstüne yüklenir)
   Değişkenleri koyulaştırır + kartları cam, başlıkları parıltılı,
   arka planı glow'lu yaparak modern/profesyonel bir dark kimlik verir.
   ============================================================ */
:root{
    --zemin:#080b14;
    --kart:rgba(255,255,255,.035);        /* cam kart */
    --kart-2:#141c30;
    --cizgi:rgba(255,255,255,.09);
    --cizgi-2:rgba(255,255,255,.14);
    --yazi:#eaf0fb;
    --yazi-soluk:#93a0ba;
    --golge:0 20px 50px -12px rgba(0,0,0,.7);
    --golge-sm:0 2px 10px rgba(0,0,0,.5);
    --parilti:0 0 0 1px rgba(255,255,255,.05), 0 18px 40px -18px color-mix(in srgb, var(--renk-s) 55%, transparent);
}

html{ background:var(--zemin); }
body{
    background:
        radial-gradient(900px 500px at 12% -6%, color-mix(in srgb, var(--renk-p) 26%, transparent), transparent 60%),
        radial-gradient(900px 520px at 100% 8%, color-mix(in srgb, var(--renk-s) 20%, transparent), transparent 55%),
        var(--zemin);
    background-attachment:fixed;
    color:var(--yazi);
}
::selection{ background:var(--renk-s); color:#04121a; }
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-thumb{ background:#232c44; border-radius:8px; border:3px solid var(--zemin); }
::-webkit-scrollbar-track{ background:var(--zemin); }

/* ---------- Üst şerit + header ---------- */
.ust-serit{ background:rgba(4,7,13,.7); color:#9aa6bd; border-bottom:1px solid var(--cizgi); backdrop-filter:blur(8px); position:relative; z-index:1002; }
.ds-liste{ z-index:1003 !important; }
.site-ust{ background:transparent !important; border-bottom:none !important; box-shadow:none !important; backdrop-filter:none !important; padding-bottom:15px; }
/* Masaüstü: yüzen cam pill nav (distinct) */
@media(min-width:961px){
    .site-ust .su-ic{
        min-height:50px; margin-top:14px; padding:10px 14px 10px 24px; border-radius:18px;
        background:rgba(11,15,27,.72);
        -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
        border:1px solid var(--cizgi-2);
        box-shadow:0 14px 44px -16px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.05);
        transition:margin-top .3s, background .3s, box-shadow .3s;
    }
    .site-ust.kucuk .su-ic{ margin-top:6px; background:rgba(9,12,22,.9); box-shadow:0 10px 30px -14px rgba(0,0,0,.8); }
}
.ana-menu>a, .ana-menu .menu-oge>a{ color:var(--yazi); border-radius:11px; position:relative; }
.ana-menu>a:hover, .ana-menu .menu-oge>a:hover, .ana-menu>a.aktif{ background:rgba(255,255,255,.07); color:#fff; }
.ana-menu>a.aktif::after, .ana-menu .menu-oge.aktif>a::after{ content:''; position:absolute; left:50%; bottom:5px; transform:translateX(-50%); width:16px; height:2px; border-radius:2px; background:var(--renk-s); box-shadow:0 0 10px var(--renk-s); }
.alt-menu, .ds-liste{ background:#0e1626 !important; border-color:var(--cizgi-2) !important; box-shadow:var(--golge); }
.alt-menu a, .ds-liste a{ color:var(--yazi); }
.alt-menu a:hover, .ds-liste a:hover{ background:rgba(255,255,255,.08); color:#fff; }
.su-cta{ box-shadow:0 8px 26px -8px color-mix(in srgb, var(--renk-s) 70%, transparent); }
@media(max-width:960px){
    .ana-menu{ background:#0a0f1c !important; box-shadow:-8px 0 50px rgba(0,0,0,.7); }
    .mm-bas{ background:#0a0f1c !important; border-bottom-color:var(--cizgi) !important; }
    .mm-kapat{ background:rgba(255,255,255,.06); color:var(--yazi); }
    .ana-menu>a{ border-bottom-color:var(--cizgi) !important; }
    .alt-menu{ background:transparent !important; box-shadow:none; }
    /* Scroll edilince header katı olsun (mobilde transparan kalmasın) */
    .site-ust.kucuk{ background:rgba(9,12,22,.94) !important; -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%); box-shadow:0 8px 24px -12px rgba(0,0,0,.65) !important; padding-bottom:8px; }
}
.mobil-menu-btn span{ background:var(--yazi); }

/* ---------- Bölüm başlıkları — parıltılı kicker ---------- */
.bolum{ position:relative; }
.bolum-bas{ position:relative; }
.bolum-bas h2{
    color:#fff; letter-spacing:-.02em;
    position:relative; display:inline-block;
}
.bolum-bas h2::after{
    content:''; display:block; width:56px; height:3px; margin-top:12px; border-radius:3px;
    background:linear-gradient(90deg, var(--renk-s), color-mix(in srgb, var(--renk-p) 80%, var(--renk-s)));
    box-shadow:0 0 18px color-mix(in srgb, var(--renk-s) 70%, transparent);
}
.bolum-tumu{ color:var(--renk-s) !important; }

/* ---------- Cam kartlar ---------- */
.kart, .icerik-kart, .hizmet-kart, .proje-kart, .galeri-kart, .video-kart,
.paket-kart, .gorus-kart, .dosya-kart, .sss-oge, .ekip-kart, .sayac-oge, .logo-oge{
    background:var(--kart) !important;
    border:1px solid var(--cizgi) !important;
    border-radius:16px;
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    box-shadow:var(--golge-sm);
    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.icerik-kart:hover, .hizmet-kart:hover, .proje-kart:hover, .galeri-kart:hover, .video-kart:hover,
.paket-kart:hover, .dosya-kart:hover, .ekip-kart:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb, var(--renk-s) 45%, var(--cizgi)) !important;
    box-shadow:var(--parilti);
    background:rgba(255,255,255,.055) !important;
}
.icerik-kart h4, .hizmet-kart h4, .proje-kart h4, .paket-kart h4, .ekip-kart h4, .video-kart h4{ color:#fff !important; }
.video-kart, button.video-kart{ overflow:hidden; padding:0 0 16px !important; }
.video-kart h4{ padding:0 16px !important; margin-top:14px; font-size:15px; line-height:1.4; }
.video-kart .vk-gorsel{ border-radius:16px 16px 0 0; overflow:hidden; }
.video-kart:hover h4{ color:var(--renk-s) !important; }
.vk-play{ background:rgba(255,255,255,.92) !important; color:var(--renk-p) !important; box-shadow:0 8px 30px -6px rgba(0,0,0,.6); }
.icerik-kart p, .hizmet-kart p, .proje-kart p, .paket-kart p{ color:var(--yazi-soluk); }
.ik-bos, .pk-bos, .gk-bos, .hk-ikon-ic{ background:#0f1626 !important; color:var(--yazi-soluk); }

/* öne çıkan paket */
.paket-kart.one-cikan{ border-color:color-mix(in srgb, var(--renk-s) 60%, var(--cizgi)) !important; box-shadow:var(--parilti); }
.pk-rozet, .pkt-ikon{ box-shadow:0 6px 18px -6px color-mix(in srgb, var(--renk-s) 70%, transparent); }

/* ---------- Görüşler / referans ---------- */
.gorus-kart{ background:var(--kart-2) !important; }
.logo-oge .lo-gorsel{ background:#0f1626; border-radius:12px; }

/* ---------- Bölüm dönüşümlü zemin ---------- */
.bolum:nth-of-type(even){ background:rgba(255,255,255,.015); }

/* ---------- Ekip modal (popup) — solid dark + listeden büyük foto ---------- */
.em-kutu{ background:#0e1626 !important; border:1px solid var(--cizgi-2); max-width:760px; }
.em-govde{ gap:30px; padding:38px; }
.em-foto{ width:210px; }
.em-foto img{ width:210px; height:210px; border-radius:18px; }
.em-bilgi h3{ color:#fff; font-size:25px; }
.em-kapat{ background:rgba(255,255,255,.06) !important; }
.em-sosyal a{ background:rgba(255,255,255,.06) !important; }
@media(max-width:560px){ .em-foto, .em-foto img{ width:170px; height:170px; } }

/* ---------- Formlar ---------- */
input, textarea, select, .girdi, .secim{
    background:rgba(255,255,255,.04) !important; color:var(--yazi) !important;
    border:1px solid var(--cizgi-2) !important;
}
input::placeholder, textarea::placeholder{ color:#66718a; }
/* select — native görünümü kaldır + özel ok + koyu option */
select, .secim, .il-form select{
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2393a0ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important; background-position:right 14px center !important;
    padding:11px 38px 11px 14px !important; border-radius:10px !important; cursor:pointer;
}
.il-form select{ width:100%; }
select option, .secim option{ background:#0e1626; color:var(--yazi); }
select:focus, .secim:focus, .il-form select:focus{ border-color:var(--renk-s) !important; }
input:focus, textarea:focus, select:focus, .girdi:focus{
    border-color:var(--renk-s) !important;
    box-shadow:0 0 0 3px color-mix(in srgb, var(--renk-s) 22%, transparent) !important;
}

/* ---------- Butonlar ---------- */
.btn-dolu{ box-shadow:0 10px 30px -10px color-mix(in srgb, var(--renk-s) 75%, transparent); }
.btn-dolu:hover{ box-shadow:0 14px 36px -8px color-mix(in srgb, var(--renk-s) 90%, transparent); }
.btn-cizgi{ border-color:var(--cizgi-2); color:var(--yazi); }
.btn-cizgi:hover{ background:#fff; color:#0a0f1c; }

/* ---------- Banner / hero ---------- */
.slayt-kaplama{ background:linear-gradient(to top, rgba(4,7,13,.86), rgba(4,7,13,.32) 55%, rgba(4,7,13,.55)) !important; }
.slayt-baslik{ text-shadow:0 2px 30px rgba(0,0,0,.5); }
.banner-ok{ background:rgba(255,255,255,.08); backdrop-filter:blur(6px); }

/* ---------- İç sayfa hero — görselsizse koyu (renkli gradient değil) ---------- */
.ic-hero:not(.ic-hero--gorsel), .sayfa-hero:not(.sayfa-hero--gorsel){
    background:linear-gradient(135deg, #0e1424, var(--zemin)) !important;
    border-bottom:1px solid var(--cizgi);
}
.ic-hero h1, .sayfa-hero h1{ color:#fff; }
.ic-hero .ic-yol a, .ic-hero .ic-yol span{ color:var(--yazi-soluk); }

/* ---------- Randevu formu — sol görsel/açıklama bloğu + form dark ---------- */
.randevu-sarmal{ background:var(--kart) !important; border:1px solid var(--cizgi) !important; border-radius:20px; }
.rv-gorsel{ background:none !important; }
.rv-gorsel-yazi{ background:linear-gradient(to top, rgba(4,7,13,.9), transparent) !important; color:#fff; }
.rv-aciklama{ color:var(--yazi-soluk); }
.flatpickr-calendar{ background:#0e1626 !important; box-shadow:var(--golge) !important; border:1px solid var(--cizgi) !important; }
.flatpickr-day{ color:var(--yazi) !important; }
.flatpickr-day.flatpickr-disabled{ color:#44506a !important; }
.flatpickr-day:hover{ background:rgba(255,255,255,.08) !important; border-color:transparent !important; }
.flatpickr-day.selected{ background:var(--renk-s) !important; border-color:var(--renk-s) !important; color:#04121a !important; }
.flatpickr-months .flatpickr-month, .flatpickr-weekday, .flatpickr-current-month input.cur-year, .flatpickr-monthDropdown-months{ color:var(--yazi) !important; fill:var(--yazi) !important; background:transparent !important; }
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg{ fill:var(--yazi) !important; }

/* ---------- E-ticaret: sepet + ödeme ---------- */
.sepet-kart, .sepet-ozet, .odeme-kutu, .oy-kart, .sepet-bos{ background:var(--kart) !important; border:1px solid var(--cizgi) !important; }
.sepet-bos{ color:var(--yazi-soluk); }
.sepet-baslik{ color:var(--yazi-soluk); border-bottom-color:var(--cizgi) !important; }
.sepet-satir, .oz-urun, .so-toplam{ border-color:var(--cizgi) !important; }
.ss-ad, .oz-ad, .oz-fiyat, .oyk-ad{ color:#fff !important; }
.ss-birim, .so-satir, .oyk-aciklama, .oz-adet, .so-kargo-not, .oz-urunler{ color:var(--yazi-soluk) !important; }
.ss-satir, .so-toplam span{ color:var(--renk-s) !important; }
.so-kargo-not{ background:color-mix(in srgb, var(--renk-s) 12%, transparent) !important; color:var(--renk-s) !important; border:1px solid color-mix(in srgb, var(--renk-s) 25%, var(--cizgi)); }
.so-etki span:last-child{ color:#4ade80 !important; }
.ss-gorsel, .ss-adet-grup, .ss-adet{ background:#0f1626 !important; border-color:var(--cizgi) !important; color:var(--yazi) !important; }
.ss-eksi, .ss-arti, .ss-sil button{ color:var(--yazi) !important; }
.ss-sil button:hover{ color:#ef5b6e !important; }
.sepet-kart h3, .sepet-ozet h3, .odeme-kutu h3{ color:#fff !important; }
.ok-no{ background:var(--renk-s) !important; color:#04121a !important; }
.oy-kart{ transition:border-color .2s, background .2s; }
.oy-kart:has(input:checked){ border-color:var(--renk-s) !important; background:color-mix(in srgb, var(--renk-s) 9%, transparent) !important; }
.oyk-rozet.ind{ background:color-mix(in srgb, #22c55e 18%, transparent) !important; color:#4ade80 !important; }
.havale-bilgi-kutu, .havale-kutu{ background:color-mix(in srgb, var(--renk-s) 8%, transparent) !important; border:1px solid color-mix(in srgb, var(--renk-s) 30%, var(--cizgi)) !important; color:var(--yazi-soluk); }
.havale-bilgi-kutu strong, .havale-kutu h3{ color:#fff !important; }
.btn-acik{ background:rgba(255,255,255,.06) !important; color:var(--yazi) !important; border:1px solid var(--cizgi-2) !important; }
.btn-acik:hover{ background:rgba(255,255,255,.1) !important; }

/* ---------- Footer — distinct premium dark ---------- */
.site-alt{ position:relative; overflow:hidden; background:linear-gradient(180deg, #0a0e1a 0%, var(--zemin) 100%) !important; border-top:1px solid var(--cizgi) !important; }
.site-alt::before{ content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--renk-s), var(--renk-p), transparent); opacity:.75; }
.site-alt::after{ content:''; position:absolute; top:-260px; left:50%; transform:translateX(-50%); width:820px; height:460px; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--renk-p) 20%, transparent), transparent 68%); pointer-events:none; }
.site-alt .kapsayici{ position:relative; z-index:1; }
.alt-blok h4{ color:#fff !important; position:relative; padding-bottom:12px; margin-bottom:18px; }
.alt-blok h4::after{ content:''; position:absolute; left:0; bottom:0; width:34px; height:2px; border-radius:2px; background:linear-gradient(90deg, var(--renk-s), var(--renk-p)); box-shadow:0 0 12px color-mix(in srgb, var(--renk-s) 65%, transparent); }
.alt-blok ul a{ color:var(--yazi-soluk) !important; transition:color .2s, padding-left .2s; display:inline-block; }
.alt-blok ul a:hover{ color:var(--renk-s) !important; padding-left:7px; }
.alt-iletisim a, .alt-iletisim span{ color:var(--yazi-soluk) !important; }
.alt-iletisim a:hover{ color:var(--renk-s) !important; }
.alt-iletisim i{ color:var(--renk-s) !important; }
.alt-sosyal a{ background:rgba(255,255,255,.05) !important; border:1px solid var(--cizgi) !important; color:var(--yazi) !important; transition:.25s; }
.alt-sosyal a:hover{ background:var(--renk-s) !important; color:#04121a !important; border-color:transparent !important; transform:translateY(-3px); box-shadow:0 8px 22px -6px color-mix(in srgb, var(--renk-s) 70%, transparent); }
.alt-marka-metin, .alt-marka-saatler, .alt-saatler span, .alt-marka-ad{ color:var(--yazi-soluk) !important; }
.alt-saatler span.kapali{ color:#ef5b6e !important; }
.alt-telif{ border-top:1px solid var(--cizgi) !important; color:var(--yazi-soluk) !important; }
.alt-telif-slogan{ color:var(--renk-s) !important; }
.site-alt--siyah{ background:#000 !important; }
.site-alt--siyah::after{ opacity:.5; }

/* Çerez bandı dark */
.cerez-bandi{ background:rgba(10,14,24,.96) !important; border-top:1px solid var(--cizgi-2) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:var(--yazi); }
.cerez-bandi a{ color:var(--renk-s) !important; }

/* ---------- Çeşitli açık yüzeyler ---------- */
.link-chip{ background:var(--kart) !important; color:var(--yazi) !important; border:1px solid var(--cizgi) !important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.link-chip:hover{ border-color:color-mix(in srgb, var(--renk-s) 50%, var(--cizgi)) !important; color:#fff !important; }
details, blockquote{ background:var(--kart-2); }
hr{ border-color:var(--cizgi); }
a{ color:var(--renk-link, #8ab4ff); }

/* içerik metni okunur kalsın */
.icerik-alani{ color:var(--yazi); }
.icerik-alani h1, .icerik-alani h2, .icerik-alani h3{ color:#fff; }

/* yan menü aktif sayfa vurgusu */
.dk-yan-liste a.aktif, .dk-yan-liste a.aktif span{ color:var(--renk-s) !important; font-weight:600; }