@charset "UTF-8";
/* -----------------------------------------------------------------
 * KUZEY - PWA Install CTA - Tema Override
 * v131BS (2026-05-13)
 * Pure ASCII comments / @charset directive = encoding-safe
 * Sihirhome install-cta.js icindeki turuncu/kirmizi renkleri
 * Hermes gold + obsidyen palete cevirir. Apple Wallet bolumu
 * Kuzey'de gizli (mobileconfig endpoint yok).
 * ----------------------------------------------------------------- */

/* --- Ana FAB butonu (sag alt kose) --- */
.sihir-cta-btn {
    background: linear-gradient(135deg, #e8d3a0, #c9a961 50%, #8c6f31) !important;
    color: #0a0807 !important;
    box-shadow:
        0 8px 24px rgba(201, 169, 97, 0.42),
        0 0 0 1px rgba(232, 211, 160, 0.3) inset !important;
}
.sihir-cta-btn:hover {
    box-shadow: 0 12px 32px rgba(201, 169, 97, 0.55) !important;
}
.sihir-cta-logo,
.sihir-cta-emoji {
    background: #0a0807 !important;
    color: #c9a961 !important;
}
.sihir-cta-bonus {
    background: rgba(10, 8, 7, 0.18) !important;
    color: #0a0807 !important;
}

/* --- iOS modal + celebration baslik gradient --- */
.success-box h3,
.ios-flow-box h3 {
    background: linear-gradient(135deg, #e8d3a0, #c9a961 50%, #8c6f31) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* --- iOS CTA + Uye Ol buton --- */
.ios-flow-cta,
.success-uye-btn {
    background: linear-gradient(135deg, #e8d3a0, #c9a961 50%, #8c6f31) !important;
    color: #0a0807 !important;
    box-shadow: 0 8px 22px rgba(201, 169, 97, 0.42) !important;
}

/* --- Step rakam balonlari --- */
.ios-vg-num,
.ios-step-n {
    background: linear-gradient(135deg, #e8d3a0, #c9a961 50%, #8c6f31) !important;
    color: #0a0807 !important;
    box-shadow: 0 4px 10px rgba(201, 169, 97, 0.3) !important;
}

/* --- Apple Wallet bolumu Kuzey'de KAPALI --- */
.ios-wallet-cta,
.ios-or-divider,
.ios-a2hs-toggle {
    display: none !important;
}
/* A2HS rehberi default acik (toggle gizli oldugu icin) */
.ios-visual-guide.ios-collapsed {
    max-height: 1500px !important;
    margin: 14px 0 16px !important;
}

/* --- Bonus pill + toast --- */
.ios-flow-bonus,
.success-bonus {
    background: linear-gradient(135deg, rgba(201, 169, 97, 0.18), rgba(232, 211, 160, 0.28)) !important;
    color: #8c6f31 !important;
    border: 1px solid rgba(201, 169, 97, 0.3) !important;
}

/* --- Pulse + glow animasyonlari gold tonunda --- */
.ios-vg-share-hl {
    background: linear-gradient(135deg, #e8d3a0, #c9a961) !important;
    color: #0a0807 !important;
}
@keyframes iosVgPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(201, 169, 97, 0.6); transform: scale(1); }
    50%      { box-shadow: 0 0 0 8px rgba(201, 169, 97, 0); transform: scale(1.08); }
}
.ios-vg-menu-item.highlight {
    background: linear-gradient(135deg, #e8d3a0, #c9a961 50%, #8c6f31) !important;
    color: #0a0807 !important;
}
@keyframes iosVgGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(201, 169, 97, 0.5); }
    50%      { box-shadow: 0 0 0 6px rgba(201, 169, 97, 0); }
}

/* --- Highlight + link tonlari --- */
.ios-vg-hl {
    background: rgba(201, 169, 97, 0.18) !important;
    color: #8c6f31 !important;
}
.ios-step b,
.success-info-2 a,
.ios-vg-text strong {
    color: #8c6f31 !important;
}
.ios-vg-arrow {
    color: #c9a961 !important;
}
@keyframes iosVgArrow {
    0%, 100% { transform: translateY(0);  opacity: 0.6; }
    50%      { transform: translateY(6px); opacity: 1; }
}

/* --- Celebration modal arka plan tonlari --- */
.success-info {
    background: rgba(201, 169, 97, 0.08) !important;
    color: #8c6f31 !important;
    border: 1px solid rgba(201, 169, 97, 0.18) !important;
}
.success-info b {
    color: #8c6f31 !important;
}

/* --- iOS hint toast (1 satir) --- */
.sihir-ios-hint {
    background: rgba(10, 8, 7, 0.95) !important;
    border: 1px solid rgba(201, 169, 97, 0.3) !important;
}
.sihir-ios-hint b {
    color: #e8d3a0 !important;
}
.sihir-ios-hint .ios-hint-arrow {
    color: #c9a961 !important;
}

/* --- Son not: mini toast (izin verildi) JS'de dinamik renk, override yok --- */