/* ==========================================================================
   CabrioBet — Multi-Tone Luxury Institutional Pages (Dark + Gold + Jewel Accents)
   ========================================================================== */

/* 1. HERO BANNERS — Dual Aurora Glow (Gold + Champagne) */
body[data-page="iletisim.php"] .contact-hero,
body[data-page="gizlilik.php"] .privacy-hero,
body[data-page="kullanim-sartlari.php"] .terms-hero,
body[data-page="sorumlu-oyun.php"] .responsible-hero,
body[data-page="kyc-politikasi.php"] .kyc-hero,
body[data-page="kurallar.php"] .rules-header {
    background:
        radial-gradient(circle at 20% 0%, rgba(201, 169, 125, 0.20) 0%, transparent 52%),
        radial-gradient(circle at 82% 100%, rgba(201, 169, 125, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(52, 211, 153, 0.06) 0%, transparent 65%),
        linear-gradient(180deg, rgba(20, 23, 30, 0.96) 0%, rgba(11, 13, 18, 0.98) 100%) !important;
    border: 1px solid rgba(201, 169, 125, 0.26) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    position: relative;
    overflow: hidden;
}

body[data-page="iletisim.php"] .contact-hero::after,
body[data-page="gizlilik.php"] .privacy-hero::after,
body[data-page="kullanim-sartlari.php"] .terms-hero::after,
body[data-page="sorumlu-oyun.php"] .responsible-hero::after,
body[data-page="kyc-politikasi.php"] .kyc-hero::after,
body[data-page="kurallar.php"] .rules-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9a97d, #d9bc8e, #34d399, transparent);
    opacity: 0.75;
}

body[data-page="iletisim.php"] .contact-hero h1,
body[data-page="gizlilik.php"] .privacy-hero h1,
body[data-page="kullanim-sartlari.php"] .terms-hero h1,
body[data-page="sorumlu-oyun.php"] .responsible-hero h1,
body[data-page="kyc-politikasi.php"] .kyc-hero h1,
body[data-page="kurallar.php"] .rules-title {
    background: linear-gradient(135deg, #ffffff 0%, #f3e3c8 55%, #c9a97d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-page="iletisim.php"] .contact-hero h1 i,
body[data-page="gizlilik.php"] .privacy-hero h1 i,
body[data-page="kullanim-sartlari.php"] .terms-hero h1 i,
body[data-page="sorumlu-oyun.php"] .responsible-hero h1 i,
body[data-page="kyc-politikasi.php"] .kyc-hero h1 i,
body[data-page="kurallar.php"] .rules-title i {
    -webkit-text-fill-color: #d9bc8e !important;
    filter: drop-shadow(0 0 12px rgba(201, 169, 125, 0.35));
}

/* 2. İLETİŞİM SAYFASI — Zengin Çok Tonlu Destek Kartları */
/* Kart 1: Canlı Destek (Emerald + Gold) */
body[data-page="iletisim.php"] .live-support-card {
    background:
        radial-gradient(circle at 85% -10%, rgba(52, 211, 153, 0.16), transparent 55%),
        linear-gradient(180deg, rgba(20, 25, 28, 0.94) 0%, rgba(12, 15, 19, 0.98) 100%) !important;
    border-color: rgba(52, 211, 153, 0.24) !important;
}
body[data-page="iletisim.php"] .live-support-card::before {
    background: linear-gradient(90deg, transparent, #34d399, #c9a97d, transparent) !important;
}
body[data-page="iletisim.php"] .live-support-card .support-icon {
    background: radial-gradient(circle at 30% 25%, rgba(52, 211, 153, 0.28), rgba(52, 211, 153, 0.06)) !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
    color: #34d399 !important;
    box-shadow: 0 8px 20px rgba(52, 211, 153, 0.15) !important;
}
body[data-page="iletisim.php"] .live-support-card .support-badge {
    color: #34d399 !important;
    background: rgba(52, 211, 153, 0.12) !important;
    border-color: rgba(52, 211, 153, 0.28) !important;
}

/* Kart 2: Telegram (Champagne Gold) */
body[data-page="iletisim.php"] .telegram-card {
    background:
        radial-gradient(circle at 85% -10%, rgba(201, 169, 125, 0.16), transparent 55%),
        linear-gradient(180deg, rgba(22, 20, 18, 0.94) 0%, rgba(12, 15, 19, 0.98) 100%) !important;
    border-color: rgba(201, 169, 125, 0.28) !important;
}
body[data-page="iletisim.php"] .telegram-card::before {
    background: linear-gradient(90deg, transparent, #c9a97d, #d9bc8e, transparent) !important;
}
body[data-page="iletisim.php"] .telegram-card .support-icon {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.28), rgba(201, 169, 125, 0.06)) !important;
    border-color: rgba(201, 169, 125, 0.4) !important;
    color: #d9bc8e !important;
    box-shadow: 0 8px 20px rgba(201, 169, 125, 0.15) !important;
}
body[data-page="iletisim.php"] .telegram-card .support-badge {
    color: #d9bc8e !important;
    background: rgba(201, 169, 125, 0.12) !important;
    border-color: rgba(201, 169, 125, 0.28) !important;
}
body[data-page="iletisim.php"] .telegram-card .support-btn.secondary-gold {
    background: linear-gradient(135deg, rgba(201, 169, 125, 0.18), rgba(201, 169, 125, 0.06)) !important;
    border-color: rgba(201, 169, 125, 0.38) !important;
    color: #f3e3c8 !important;
}
body[data-page="iletisim.php"] .telegram-card .support-btn.secondary-gold:hover {
    background: linear-gradient(135deg, #c9a97d, #d9bc8e) !important;
    color: #0b0d12 !important;
    box-shadow: 0 8px 20px rgba(201, 169, 125, 0.3) !important;
}

/* Kart 3: E-Posta (Champagne Gold) */
body[data-page="iletisim.php"] .email-card {
    background:
        radial-gradient(circle at 85% -10%, rgba(201, 169, 125, 0.16), transparent 55%),
        linear-gradient(180deg, rgba(22, 20, 18, 0.94) 0%, rgba(12, 15, 19, 0.98) 100%) !important;
    border-color: rgba(201, 169, 125, 0.28) !important;
}
body[data-page="iletisim.php"] .email-card::before {
    background: linear-gradient(90deg, transparent, #d9bc8e, #c9a97d, transparent) !important;
}
body[data-page="iletisim.php"] .email-card .support-icon {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.28), rgba(201, 169, 125, 0.06)) !important;
    border-color: rgba(201, 169, 125, 0.4) !important;
    color: #d9bc8e !important;
    box-shadow: 0 8px 20px rgba(201, 169, 125, 0.15) !important;
}
body[data-page="iletisim.php"] .email-card .support-badge {
    color: #d9bc8e !important;
    background: rgba(201, 169, 125, 0.12) !important;
    border-color: rgba(201, 169, 125, 0.28) !important;
}
body[data-page="iletisim.php"] .email-card .support-btn.secondary-gold {
    background: linear-gradient(135deg, rgba(201, 169, 125, 0.18), rgba(201, 169, 125, 0.08)) !important;
    border-color: rgba(201, 169, 125, 0.38) !important;
    color: #f3e3c8 !important;
}
body[data-page="iletisim.php"] .email-card .support-btn.secondary-gold:hover {
    background: linear-gradient(135deg, #c9a97d, #d9bc8e) !important;
    color: #0b0d12 !important;
    box-shadow: 0 8px 20px rgba(201, 169, 125, 0.3) !important;
}

/* Sosyal Medya Kanalları — Her Kanala Özel İkon Rengi */
body[data-page="iletisim.php"] .contact-methods .contact-method:nth-child(2) i {
    background: rgba(201, 169, 125, 0.14);
    border-color: rgba(201, 169, 125, 0.32);
    color: #d9bc8e !important;
}
body[data-page="iletisim.php"] .contact-methods .contact-method:nth-child(3) i {
    background: rgba(148, 163, 184, 0.16);
    border-color: rgba(148, 163, 184, 0.35);
    color: #f8fafc !important;
}
body[data-page="iletisim.php"] .contact-methods .contact-method:nth-child(4) i {
    background: rgba(244, 114, 182, 0.14);
    border-color: rgba(244, 114, 182, 0.32);
    color: #f472b6 !important;
}
body[data-page="iletisim.php"] .contact-methods .contact-method:nth-child(5) i {
    background: rgba(251, 113, 133, 0.14);
    border-color: rgba(251, 113, 133, 0.32);
    color: #fb7185 !important;
}
body[data-page="iletisim.php"] .contact-methods .contact-method:nth-child(6) i {
    background: rgba(52, 211, 153, 0.14);
    border-color: rgba(52, 211, 153, 0.32);
    color: #34d399 !important;
}

/* 3. GİZLİLİK, SORUMLU OYUN, KYC — Çok Tonlu İkon ve Kart Aksanları */
body[data-page="gizlilik.php"] .data-type-item:nth-child(2) i,
body[data-page="gizlilik.php"] .purpose-item:nth-child(2) i,
body[data-page="sorumlu-oyun.php"] .tool-card:nth-child(4) i,
body[data-page="kyc-politikasi.php"] .document-card:nth-child(2) i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.26), rgba(201, 169, 125, 0.05)) !important;
    border-color: rgba(201, 169, 125, 0.35) !important;
    color: #d9bc8e !important;
}
body[data-page="gizlilik.php"] .data-type-item:nth-child(3) i,
body[data-page="gizlilik.php"] .purpose-item:nth-child(4) i,
body[data-page="sorumlu-oyun.php"] .tool-card:nth-child(3) i,
body[data-page="kyc-politikasi.php"] .document-card:nth-child(3) i {
    background: radial-gradient(circle at 30% 25%, rgba(52, 211, 153, 0.26), rgba(52, 211, 153, 0.05)) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
    color: #34d399 !important;
}
body[data-page="gizlilik.php"] .data-type-item:nth-child(4) i,
body[data-page="gizlilik.php"] .purpose-item:nth-child(3) i,
body[data-page="sorumlu-oyun.php"] .tool-card:nth-child(5) i,
body[data-page="kyc-politikasi.php"] .document-card:nth-child(4) i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.28), rgba(201, 169, 125, 0.06)) !important;
    border-color: rgba(201, 169, 125, 0.38) !important;
    color: #c9a97d !important;
}
body[data-page="gizlilik.php"] .data-type-item:nth-child(5) i,
body[data-page="gizlilik.php"] .purpose-item:nth-child(5) i,
body[data-page="sorumlu-oyun.php"] .tool-card:nth-child(2) i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.24), rgba(201, 169, 125, 0.05)) !important;
    border-color: rgba(201, 169, 125, 0.35) !important;
    color: #d9bc8e !important;
}
body[data-page="gizlilik.php"] .purpose-item:nth-child(6) i,
body[data-page="sorumlu-oyun.php"] .tool-card:nth-child(6) i {
    background: radial-gradient(circle at 30% 25%, rgba(45, 212, 191, 0.26), rgba(45, 212, 191, 0.05)) !important;
    border-color: rgba(45, 212, 191, 0.35) !important;
    color: #2dd4bf !important;
}

/* Gizlilik: Veri Güvenliği (Emerald) & Haklarınız (Champagne Gold) */
body[data-page="gizlilik.php"] .security-item {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, rgba(13, 15, 19, 0.6) 100%) !important;
    border: 1px solid rgba(52, 211, 153, 0.22) !important;
    border-left: 3px solid #34d399 !important;
}
body[data-page="gizlilik.php"] .security-item h4 {
    color: #6ee7b7 !important;
}
body[data-page="gizlilik.php"] .right-item {
    background: linear-gradient(135deg, rgba(201, 169, 125, 0.09) 0%, rgba(201, 169, 125, 0.03) 100%) !important;
    border: 1px solid rgba(201, 169, 125, 0.24) !important;
    border-left: 3px solid #c9a97d !important;
}
body[data-page="gizlilik.php"] .right-item h4 {
    color: #d9bc8e !important;
}

/* Sorumlu Oyun: Öz Değerlendirme & BeGambleAware */
body[data-page="sorumlu-oyun.php"] .warning-sign {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.18) !important;
    border-left: 3px solid #f59e0b !important;
}
body[data-page="sorumlu-oyun.php"] .warning-sign i {
    color: #fbbf24 !important;
}
body[data-page="sorumlu-oyun.php"] .help-organizations {
    background:
        radial-gradient(circle at 90% 50%, rgba(52, 211, 153, 0.14), transparent 60%),
        linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, rgba(201, 169, 125, 0.07) 100%) !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
}
body[data-page="sorumlu-oyun.php"] .org-info h5 i {
    color: #34d399 !important;
}

/* KYC: Adım Numaraları Çok Tonlu Geçiş */
body[data-page="kyc-politikasi.php"] .step-item:nth-child(2) {
    border-left-color: #c9a97d !important;
}
body[data-page="kyc-politikasi.php"] .step-item:nth-child(2) .step-number {
    background: linear-gradient(135deg, #f3e3c8 0%, #c9a97d 100%) !important;
    color: #0b0d12 !important;
}
body[data-page="kyc-politikasi.php"] .step-item:nth-child(3) {
    border-left-color: #d9bc8e !important;
}
body[data-page="kyc-politikasi.php"] .step-item:nth-child(3) .step-number {
    background: linear-gradient(135deg, #d9bc8e 0%, #a8875a 100%) !important;
    color: #0b0d12 !important;
}
body[data-page="kyc-politikasi.php"] .step-item:nth-child(4) {
    border-left-color: #34d399 !important;
}
body[data-page="kyc-politikasi.php"] .step-item:nth-child(4) .step-number {
    background: linear-gradient(135deg, #6ee7b7 0%, #059669 100%) !important;
    color: #064e3b !important;
}

/* Kullanım Şartları: Uyarı ve Bilgi Kutuları */
body[data-page="kullanim-sartlari.php"] .warning-box {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.09) 0%, rgba(251, 113, 133, 0.05) 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.28) !important;
    border-left: 3px solid #f59e0b !important;
}
body[data-page="kullanim-sartlari.php"] .info-box {
    background: linear-gradient(135deg, rgba(201, 169, 125, 0.09) 0%, rgba(52, 211, 153, 0.04) 100%) !important;
    border: 1px solid rgba(201, 169, 125, 0.26) !important;
    border-left: 3px solid #c9a97d !important;
}

/* Kurallar: Bölüm Kartları Çok Tonlu İkon ve Işıltı */
body[data-page="kurallar.php"] .rule-section:nth-child(1) h3 i {
    background: radial-gradient(circle at 30% 25%, rgba(52, 211, 153, 0.26), rgba(52, 211, 153, 0.05));
    border-color: rgba(52, 211, 153, 0.35);
    color: #34d399;
}
body[data-page="kurallar.php"] .rule-section:nth-child(2) h3 i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.26), rgba(201, 169, 125, 0.05));
    border-color: rgba(201, 169, 125, 0.35);
    color: #d9bc8e;
}
body[data-page="kurallar.php"] .rule-section:nth-child(3) h3 i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.28), rgba(201, 169, 125, 0.05));
    border-color: rgba(201, 169, 125, 0.4);
    color: #f5c518;
}
body[data-page="kurallar.php"] .rule-section:nth-child(4) h3 i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.26), rgba(201, 169, 125, 0.05));
    border-color: rgba(201, 169, 125, 0.35);
    color: #c9a97d;
}
body[data-page="kurallar.php"] .rule-section:nth-child(5) h3 i {
    background: radial-gradient(circle at 30% 25%, rgba(201, 169, 125, 0.24), rgba(201, 169, 125, 0.05));
    border-color: rgba(201, 169, 125, 0.35);
    color: #d9bc8e;
}