/*
 * Sunuguru renk teması (mavi-lila) — Anita'nın koyu varsayılan renklerinin üzerine yazar.
 * config.css'ten SONRA yüklenir (Views/_Layout.cshtml). Renkleri buradan değiştirin.
 * Kontrast: beyaz başlık / gövde #4A5CD0 = 5,6:1, paragraf #E8EBFC / gövde = 4,6:1 (WCAG AA).
 * Ana sayfa slaytlı hero'nun tonuyla (rgb 72,92,232) uyumludur.
 */
:root {
    /* Zemin ve metin */
    --anita-s-bg-body: #4A5CD0;
    --anita-s-heading: #FFFFFF;
    --anita-s-content: #E8EBFC;
    --anita-s-meta: #FFFFFFC8;
    --anita-s-bg-container: #3E4FBF;

    /* Arka plan ışık efektleri (spotlight) ve görsel üstü geçiş */
    --anita-s-spotlight01: radial-gradient(circle, #A9B5F4 0%, #A9B5F400) no-repeat center center;
    --anita-s-spotlight02: radial-gradient(circle, #FFFFFF 0%, #FFFFFF00) no-repeat center center;
    --anita-s-overlay-gradient: linear-gradient(0deg, #4A5CD0 0%, #4A5CD080 50%, #4A5CD000 100%);

    /* Üst menüdeki açılır alt menü (ör. Hizmetlerimiz): zemin %20 opak (#3E4FBF + 33 = %20 alfa) */
    --anita-s-sub-menu-bg: #3E4FBF33;

    /* Butonlar */
    --anita-s-button-bg: #FFFFFF00;
    --anita-s-button-hover-bg: #FFFFFF1F;
}

/* Gövdeye hafif derinlik: hero'daki gibi üstte biraz açık, altta biraz koyu */
body {
    background: linear-gradient(170deg, #5266D8 0%, #4A5CD0 45%, #4253C4 100%) fixed;
    background-color: var(--anita-s-bg-body);
}

/* Sayfa arka plan görseli: mavi zeminin üzerinde, opaklık admin'den.
   --sg-bg-image (masaüstü), --sg-bg-image-m (mobil), --sg-bg-opacity, --sg-bg-pos (odak: üst/orta/alt)
   _Layout'ta <body> üzerine yazılır (Models/PageBackground.cs). */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--sg-bg-image, none);
    background-size: cover;
    background-position: var(--sg-bg-pos, center center);
    background-repeat: no-repeat;
    opacity: var(--sg-bg-opacity, 0.2);
}
@media (max-width: 767px) {
    body::before { background-image: var(--sg-bg-image-m, var(--sg-bg-image, none)); }
    /* Form kutuları telefonda 16px: iOS 16px'ten küçük kutuya dokununca sayfayı yakınlaştırıyordu
       (eskiden viewport'taki maximum-scale=1 bunu engelliyordu ama kullanıcının yakınlaştırmasını da kapatıyordu) */
    :root { --anita-t-input-fs: 16px; }
}

/* style.css'te koyu renk sabit yazılmış yerler (önceki/sonraki albüm bağlantı gölgeleri) */
.anita-prev-album-link::before { background: linear-gradient(90deg, #4A5CD040 0%, #4A5CD020 40%, #4A5CD000 80%); }
.anita-next-album-link::before { background: linear-gradient(270deg, #4A5CD040 0%, #4A5CD020 40%, #4A5CD000 80%); }

/* Footer: tüm sitede Anita'nın ORİJİNAL koyu görünümü (mavi zemin ve arka plan görseli footer'da görünmez).
   Renk değişkenleri footer içinde orijinal değerlerine döndürülür (config.css'teki varsayılanlar). */
#anita-footer {
    background: #0E0E10;
    --anita-s-heading: #E6E6E6;
    --anita-s-content: #A6A6A6;
    --anita-s-meta: #E6E6E6C0;
    --anita-s-bg-container: #212224;
    --anita-s-link: #E6E6E6;
    --anita-s-link-hover: #E6E6E6;
    --anita-s-footer-copyright: #A6A6A6;
    --anita-s-footer-link: #E6E6E6;
    --anita-s-footer-link-hover: #E6E6E6;
    --anita-s-button-bg: #E6E6E600;
    --anita-s-button-border: #A6A6A6;
    --anita-s-button-text: #E6E6E6;
    --anita-s-button-hover-bg: #E6E6E610;
    --anita-s-button-hover-border: #E6E6E6;
    --anita-s-button-hover-text: #E6E6E6;
    color: var(--anita-s-content);
}
#anita-footer h3, #anita-footer h4 { color: var(--anita-s-heading); }

/* Footer alt satırı: solda telif yazısı, sağda sosyal medya ikonları (Views/_Layout.cshtml) */
/* responsive.css mobilde footer'ı column-reverse ile ters çeviriyor (telif üstte, Teklif Al altta kalıyordu);
   doğal sıra korunur: sütunlar + Teklif Al, en altta telif + sosyal medya */
footer#anita-footer .anita-footer-inner { flex-wrap: wrap; flex-direction: row; }

/* Mobil/tablet kaydırınca görünen header katmanı (responsive.css ::before): iOS Safari durum çubuğunun alt kenarında
   sayfa içeriğini biraz gösteriyor; katman tam görünür alanın tepesinden başladığı için arada katmansız bir şerit
   kalıyordu. Katman 80px yukarı uzatılır (ekran dışı kısım diğer tarayıcılarda görünmez); renk geçişi aynı kalır. */
@media only screen and (max-width: 1200px) {
    #anita-header .anita-header-inner::before { top: -80px; height: calc(100% + 80px); }
}
#anita-footer .anita-footer-widgets { flex: 0 0 100%; }
.sg-footer-bottom { flex: 0 0 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
    max-width: var(--anita-container-width); margin: 0 auto; padding: 18px 20px 0; border-top: 1px solid #E6E6E61A; }
.sg-footer-bottom .anita-copyright { color: var(--anita-s-footer-copyright); }
.sg-socials { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.sg-socials a { display: block; line-height: 0; opacity: .8; transition: opacity .2s, transform .2s; }
.sg-socials a:hover, .sg-socials a:focus-visible { opacity: 1; transform: translateY(-2px); }
.sg-socials img { width: 22px; height: 22px; object-fit: contain; }
@media (max-width: 640px) { .sg-footer-bottom { justify-content: center; text-align: center; } }

/* Ana sayfa bölümünün kendi arka planı (Views/Home/Home.cshtml, .sg-sec-bg):
   düz mavi zemin sayfanın ana görselini örter, üstüne bölüm görseli kendi opaklığıyla biner. */
.sg-sec-bg {
    position: relative;
    isolation: isolate;
    background-color: var(--anita-s-bg-body);
}
.sg-sec-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--sg-sec-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: var(--sg-sec-bg-opacity, 0.2);
}
@media (max-width: 767px) {
    .sg-sec-bg::before { background-image: var(--sg-sec-bg-m, var(--sg-sec-bg)); }
}
/* Görselli bölümde alt boşluk üst boşlukla eşit olsun (sayfa sonu boşluğu yerine) */
.sg-sec-bg > .sg-section:last-of-type { padding-bottom: var(--anita-section-gap); }

/* Açılır alt menü: %20 opak zemin + arkasını bulanıklaştıran "buzlu cam" (yazılar okunur kalsın).
   Bulanıklığı istemezseniz backdrop-filter satırlarını silin. */
nav.anita-simple-nav .sub-menu {
    backdrop-filter: blur(14px) saturate(1.2);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
}

/* Mobil menü düğmesi ve "Yukarı Çık" artık <button> (core.js; erişilebilirlik / taranabilirlik).
   style.css'teki genel düğme kuralı (button:not([class*='pswp']):not([class*='owl']) — özgüllüğü .sınıf'tan yüksek)
   bunları form "Gönder" düğmesi gibi her ekranda görünür, çerçeveli ve otomatik genişlikte yapıyordu.
   Aşağıdaki daha güçlü seçiciler temanın <a> için verdiği orijinal değerleri geri yükler. */
#anita-header button.anita-menu-toggler {
    display: block; width: 44px; height: 44px; padding: 0; margin-right: -6px;
    border: 0; background: none; color: inherit; font: inherit; line-height: normal; text-align: inherit;
    transition: transform 0.12s; -webkit-appearance: none; appearance: none; cursor: pointer;
}
#anita-header button.anita-menu-toggler:hover { border: 0; background: none; color: inherit; }
#anita-header button.anita-mobile-menu-toggler { display: none; }            /* masaüstünde gizli (tema: .anita-mobile-menu-toggler) */
@media only screen and (max-width: 739px) {
    #anita-header button.anita-mobile-menu-toggler { display: block; }       /* yalnızca telefonda (tema: responsive.css) */
}
.anita-back2top-wrap button.anita-back2top.anita-back2top {
    display: flex; width: 64px; height: 64px; padding: 0;
    border: 0; background: #00000040; color: inherit; font: inherit; line-height: normal; text-align: inherit;
    transition: opacity 0.3s, transform 0.12s; -webkit-appearance: none; appearance: none; cursor: pointer;
}
.anita-back2top-wrap button.anita-back2top.anita-back2top:hover { border: 0; background: #00000040; color: inherit; }
#anita-header button.anita-menu-toggler:focus-visible, .anita-back2top-wrap button.anita-back2top:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* Kartlar ve kenarlıklar mavi zeminde daha net görünsün */
.anita-price-item { box-shadow: 0 18px 40px rgba(20, 28, 110, .22); }
::selection { background: #FFFFFF; color: #3E4FBF; }