/* components.css — Back-to-top, çerez banneri, KVKK popup */

/* Yukarı çık butonu */
.back-to-top {
    position: fixed; bottom: 2rem; left: 2rem;
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--brand-purple);
    color: #fff; font-size: 0.9rem;
    display: flex; align-items: center; justify-content: center;
    border: none; cursor: pointer;
    opacity: 0; visibility: hidden;
    transform: translateY(16px); transition: var(--transition), bottom 0.4s ease;
    z-index: 500; box-shadow: 0 6px 22px rgba(124,58,237,0.4);
}
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover {
    background: var(--brand-purple-hover);
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(124,58,237,0.55);
}

/* Çerez onay banneri */
.cookie-consent {
    position: fixed; bottom: 0; left: 0; right: 0;
    z-index: 99999;
    background: rgba(10,10,31,0.97);
    border-top: 1px solid rgba(124,58,237,0.3);
    backdrop-filter: blur(20px);
    padding: 1.25rem 1.5rem;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
.cookie-consent.show { transform: translateY(0); }
.cookie-consent-inner {
    max-width: 1200px; margin: 0 auto;
    display: flex; align-items: center; gap: 1.25rem;
    flex-wrap: wrap; justify-content: space-between;
}
.cookie-consent-text { flex: 1; min-width: 280px; }
.cookie-consent-text p {
    font-size: 0.85rem; color: var(--text-muted);
    line-height: 1.7; margin: 0;
}
.cookie-consent-text a { color: var(--brand-cyan); text-decoration: underline; }
.cookie-consent-actions {
    display: flex; gap: 0.6rem; flex-shrink: 0; flex-wrap: wrap;
}
.cookie-consent-actions .btn { padding: 0.6rem 1.4rem; font-size: 0.82rem; }

/* KVKK popup */
.legal-popup-overlay {
    position: fixed; inset: 0;
    z-index: 100000;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(6px);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; visibility: hidden;
    transition: all 0.3s ease;
}
.legal-popup-overlay.show { opacity: 1; visibility: visible; }
.legal-popup {
    background: rgba(15,15,40,0.97);
    border: 1px solid rgba(124,58,237,0.4);
    border-radius: 20px;
    max-width: 520px; width: 92%;
    padding: 2.5rem 2rem;
    text-align: center;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
    transform: scale(0.9);
    transition: transform 0.3s ease;
}
.legal-popup-overlay.show .legal-popup { transform: scale(1); }
.legal-popup h2 {
    font-family: var(--font-heading); font-weight: 700;
    font-size: 1.3rem; color: #fff; margin-bottom: 1rem;
}
.legal-popup h2 i { color: var(--brand-purple); margin-right: 0.4rem; }
.legal-popup p {
    font-size: 0.88rem; color: var(--text-muted);
    line-height: 1.8; margin-bottom: 1.5rem;
}
.legal-popup p a { color: var(--brand-cyan); text-decoration: underline; }
.legal-popup-actions {
    display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap;
}