/*
    Cerez onay bandi (wwwroot/assets/js/cerez-onayi.js). Kurum renkleri: lacivert #0F3A75, turkuaz #49C0CF.
    "Reddet" ve "Kabul et" ayni sinifi (cerez-dugme-ana) kullanir; reddetmek kabul etmek kadar gorunur.
    Bu dosya _GoogleAnalytics.cshtml'den yuklenir; StyleSheet.css'i yuklemeyen sayfalarda da calissin diye ayri.
*/
.cerez-bandi[hidden], .cerez-ayarlar[hidden] { display: none !important; }

.cerez-bandi {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background: #fff;
    border-top: 4px solid #0F3A75;
    box-shadow: 0 -4px 18px rgba(15, 58, 117, .16);
    color: #1E2A3B;
    font-family: Poppins, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.cerez-bandi-ic {
    max-width: 1100px;
    margin: 0 auto;
    padding: 18px 16px;
    max-height: 85vh;
    overflow-y: auto;
}

.cerez-bandi-baslik {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #0F3A75;
}

.cerez-bandi-metin { margin: 0 0 14px; color: #3F4A5A; }

.cerez-bandi-baglanti {
    color: #0F3A75;
    font-weight: 600;
    text-decoration: underline;
}

.cerez-bandi-baglanti:hover, .cerez-bandi-baglanti:focus { color: #0F3A75; text-decoration-thickness: 2px; }

.cerez-ayarlar {
    border: 1px solid #DCE3EC;
    border-radius: 8px;
    padding: 12px 14px;
    margin: 0 0 14px;
    background: #F7F9FC;
}

.cerez-secenek {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px;
    cursor: pointer;
}

.cerez-secenek input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; accent-color: #0F3A75; }
.cerez-secenek input:disabled { cursor: not-allowed; }
.cerez-secenek-metin strong { display: block; color: #0F3A75; }
.cerez-secenek-metin span { display: block; color: #5B6676; font-size: 13px; }

.cerez-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }

.cerez-dugme {
    min-width: 120px;
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 6px;
    border: 2px solid #0F3A75;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.cerez-dugme-ana { background: #0F3A75; color: #fff; }
.cerez-dugme-ikincil { background: #fff; color: #0F3A75; }

.cerez-dugme:hover, .cerez-dugme:focus-visible { background: #49C0CF; border-color: #49C0CF; color: #0F3A75; }
.cerez-dugme:focus-visible, .cerez-bandi-baglanti:focus-visible { outline: 3px solid #49C0CF; outline-offset: 2px; }

/* Telefonda: uc dugme esit genislikte alt alta; once Reddet, sonra Ayarlar, sonra Kabul et. */
@media (max-width: 575.98px) {
    .cerez-bandi-ic { padding: 14px 16px; }
    .cerez-dugmeler { flex-direction: column; }
    .cerez-dugme { width: 100%; }
}

/* Alt bilgideki "Cerez politikasi / Cerez tercihleri" baglantilari */
.cerez-alt-baglantilar { display: inline-flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; }
.cerez-alt-baglantilar a { color: #0F3A75; font-weight: 500; }
.cerez-alt-baglantilar a:hover, .cerez-alt-baglantilar a:focus { color: #0F3A75; text-decoration: underline; }
.cerez-alt-acik .cerez-alt-baglantilar a { color: #fff; }
.cerez-alt-acik .cerez-alt-baglantilar a:hover, .cerez-alt-acik .cerez-alt-baglantilar a:focus { color: #49C0CF; }