/* ============================================================
   POPUP — Instagram & Google Yorum
   ============================================================ */

.agb-popup-overlay {
    position:fixed; inset:0; z-index:9999;
    background:rgba(8,15,26,.72);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    display:flex; align-items:center; justify-content:center;
    padding:1.2rem;
    opacity:0; visibility:hidden;
    transition:opacity .4s ease, visibility .4s;
}
.agb-popup-overlay.open {
    opacity:1; visibility:visible;
}

.agb-popup {
    position:relative;
    background:#fdfaf6;
    border-radius:16px;
    width:100%; max-width:420px;
    overflow:hidden;
    box-shadow:0 32px 80px rgba(8,15,26,.35);
    transform:translateY(24px) scale(.97);
    transition:transform .45s cubic-bezier(.25,.46,.45,.94);
}
.agb-popup-overlay.open .agb-popup {
    transform:translateY(0) scale(1);
}

/* Üst renk bant */
.agb-popup-top-bar {
    height:4px;
    background:linear-gradient(90deg, #1e5f74, #2e8b8b, #c9a84c);
}

/* Kapat */
.agb-popup-close {
    position:absolute; top:12px; right:14px; z-index:2;
    width:34px; height:34px; border-radius:50%;
    background:rgba(8,15,26,.08); border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    color:#555; font-size:1rem;
    transition:background .25s, color .25s;
}
.agb-popup-close:hover { background:rgba(8,15,26,.16); color:#111; }

/* Hero fotoğraf alanı */
.agb-popup-hero {
    position:relative;
    height:130px;
    background:linear-gradient(135deg, #080f1a 0%, #1e5f74 60%, #2e8b8b 100%);
    display:flex; align-items:center; justify-content:center;
}
.agb-popup-logo {
    max-height:60px; max-width:160px;
    object-fit:contain;
    opacity:.92;
}
.agb-popup-wave {
    position:absolute; bottom:-1px; left:0; right:0; line-height:0;
}
.agb-popup-wave svg { width:100%; height:30px; display:block; }

/* İçerik */
.agb-popup-body {
    padding:1.4rem 1.8rem 1.8rem;
    text-align:center;
}

.agb-popup-eyebrow {
    font-size:.65rem; font-weight:600;
    letter-spacing:.3em; text-transform:uppercase;
    color:#2e8b8b; margin-bottom:.5rem;
}

.agb-popup-title {
    font-family:'Cormorant Garamond', Georgia, serif;
    font-size:1.7rem; font-weight:300; line-height:1.2;
    color:#080f1a; margin-bottom:.7rem;
}

.agb-popup-sub {
    font-size:.87rem; color:#6b7280; line-height:1.7;
    margin-bottom:1.5rem;
}

/* Butonlar */
.agb-popup-actions {
    display:flex; flex-direction:column; gap:.75rem;
    margin-bottom:1.2rem;
}

.agb-popup-btn {
    display:flex; align-items:center; gap:.9rem;
    padding:.9rem 1.1rem;
    border-radius:10px;
    text-decoration:none;
    transition:transform .25s, box-shadow .25s, filter .25s;
    text-align:left;
}
.agb-popup-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.14);
    filter:brightness(1.04);
}
.agb-popup-btn:active { transform:translateY(0); }

/* Instagram */
.agb-popup-btn--ig {
    background:linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%);
    color:#fff;
}
.agb-popup-btn--ig i:first-child { font-size:1.5rem; flex-shrink:0; }
.agb-popup-btn--ig strong { display:block; font-size:.9rem; font-weight:600; }
.agb-popup-btn--ig small  { font-size:.75rem; opacity:.85; }

/* Google */
.agb-popup-btn--google {
    background:#fff;
    border:1.5px solid #e5e7eb;
    color:#111;
}
.agb-popup-btn--google strong { display:block; font-size:.9rem; font-weight:600; color:#111; }
.agb-popup-btn--google small  { font-size:.75rem; color:#6b7280; }

.agb-google-icon {
    width:26px; height:26px; flex-shrink:0;
}

/* Ok ikonu sağa it */
.agb-btn-arrow {
    margin-left:auto; opacity:.45; font-size:.85rem; flex-shrink:0;
}

/* Bugün gösterme */
.agb-popup-dismiss {
    background:none; border:none; cursor:pointer;
    font-size:.75rem; color:#9ca3af;
    letter-spacing:.05em;
    padding:.3rem .6rem; border-radius:4px;
    transition:color .2s;
}
.agb-popup-dismiss:hover { color:#374151; }

/* ── Responsive ─────────────────────────────────────────────── */
@media(max-width:480px) {
    .agb-popup-body { padding:1.2rem 1.3rem 1.5rem; }
    .agb-popup-title { font-size:1.45rem; }
}
