/* ═══════════════════════════════════════════════════════════════
   Kreatig — yeni panelle gelen düzenlemeler (temanın main.css'ine dokunmadan)
   Ana renk: Panel → Ayarlar → Site görünümü (--color-primary)
   ═══════════════════════════════════════════════════════════════ */
:root { --site-cizgi: #e6e8ec; --site-yazi: #4b5160; --site-soluk: #7f7f90; --site-zemin: #f7f8fa; }

.gorunmez { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; padding: 0 !important; border: 0 !important; }
.site-atla { position: absolute; left: 12px; top: -60px; z-index: 100000; background: #fff; color: #111; padding: 10px 16px; border-radius: 6px; box-shadow: 0 4px 16px rgba(0,0,0,.15); font-weight: 600; transition: top .2s; }
.site-atla:focus { top: 12px; }
.site-ust-bosluk { height: 80px; }
:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

/* ── Üst menü ─────────────────────────────────────────────────── */
.header .logo img { max-height: 46px; width: auto; height: auto; }
.site-logo-yazi { font-size: 24px; font-weight: 800; color: var(--color-secondary); }
.site-menu-ok { font-size: 11px !important; margin-left: 4px; opacity: .55; transition: transform .25s; }
.navbar .open-btn:hover .site-menu-ok { transform: translateY(2px); opacity: 1; }
button.mobile-nav-toggle { background: none; border: 0; padding: 0; }
.header .btn-book-a-table { white-space: nowrap; }

/* ── Alt sayfa paneli (menüde alt sayfası olan öğe) ───────────── */
.overlay { z-index: 10000; opacity: 0; transition: opacity .3s ease; }
.overlay.active { opacity: 1; }
.overlay .overlayic { overflow-x: hidden; overflow-y: auto; padding-top: 0; }
.overlay .close-btn { position: fixed; top: 18px; right: 22px; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(0,0,0,.45); color: #fff; font-size: 30px; line-height: 1; display: grid; place-items: center; z-index: 2; transition: background .2s, transform .2s; }
.overlay .close-btn:hover { background: var(--color-primary); transform: rotate(90deg); }
.site-overlay-tumu { position: fixed; top: 24px; left: 24px; z-index: 2; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .02em; padding: 8px 16px; border-radius: 999px; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.25); }
.site-overlay-tumu:hover { color: #fff; background: var(--color-primary); }
.overlay .overlay-ust { min-height: 33.33vh; }
.overlay a.overlay-content { background-color: #222; background-size: cover; background-position: center; text-decoration: none; }
.overlay a.overlay-content::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)); transition: background .3s; }
.overlay a.overlay-content:hover::before, .overlay a.overlay-content:focus-visible::before { background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.35)); }
.overlay .overlay-text { position: relative; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.2; padding: 0 20px; transition: transform .3s; }
.overlay a.overlay-content:hover .overlay-text { transform: scale(1.06); }
.site-overlay-acik { overflow: hidden; }
@media (max-width: 768px) { .overlay .overlay-ust { min-height: 200px; } .site-overlay-tumu { top: 22px; left: 16px; } }

/* ── Formlar ──────────────────────────────────────────────────── */
.php-email-form .form-control, .talep-form .form-control { min-height: 48px; font-size: 15px; }
.php-email-form textarea.form-control { min-height: 140px; }
.php-email-form .loading, .php-email-form .error-message, .php-email-form .sent-message { display: none; }
.php-email-form button[type=submit] { background: var(--color-primary); border: 0; color: #fff; padding: 12px 40px; border-radius: 50px; font-weight: 600; transition: opacity .2s, transform .2s; }
.php-email-form button[type=submit]:hover { opacity: .9; transform: translateY(-1px); }
.site-form-sonuc { max-width: 680px; margin: 40px auto 70px; padding: 0 20px; text-align: center; }
.site-form-kart { padding: 34px 28px; background: var(--site-zemin); border: 1px solid var(--site-cizgi); border-radius: 14px; margin-bottom: 24px; }
.site-form-kart i { font-size: 44px; display: block; margin-bottom: 10px; }
.site-form-kart h2 { font-size: 24px; font-weight: 700; margin-bottom: 8px; color: #111; }
.site-form-kart p { font-size: 15px; color: var(--site-yazi); margin: 0; }
.site-form-kart.tamam { border-color: #b7dfc1; background: #f1faf3; } .site-form-kart.tamam i { color: #2e8b57; }
.site-form-kart.hata { border-color: #f1c4c0; background: #fdf3f2; } .site-form-kart.hata i { color: #c0392b; }
.site-form-ozet { text-align: left; border-top: 1px solid var(--site-cizgi); margin: 0 0 28px; }
.site-form-ozet div { display: grid; grid-template-columns: 160px 1fr; gap: 16px; padding: 12px 4px; border-bottom: 1px solid var(--site-cizgi); font-size: 15px; }
.site-form-ozet dt { color: var(--site-soluk); font-weight: 500; } .site-form-ozet dd { margin: 0; color: #111; }
.site-dugme { display: inline-flex; align-items: center; gap: 8px; background: var(--color-primary); color: #fff; padding: 12px 28px; border-radius: 50px; font-weight: 600; }
.site-dugme:hover { color: #fff; opacity: .9; }
@media (max-width: 575px) { .site-form-ozet div { grid-template-columns: 1fr; gap: 2px; } }

/* ── Alt bilgi ────────────────────────────────────────────────── */
.site-footer { padding: 56px 0 26px; }
.site-footer a { color: rgba(255,255,255,.82); transition: color .2s; }
.site-footer a:hover { color: #fff; }
.site-footer-iletisim { padding-bottom: 34px; margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.14); }
.site-footer-iletisim .icon { color: #fff; opacity: .9; }
.site-footer-iletisim p { margin: 0; line-height: 1.6; }
.site-footer-sutunlar h4 { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 16px; }
.site-footer .footer-links ul { list-style: none; padding: 0; margin: 0; }
.site-footer .footer-links ul li { padding: 5px 0; }
.site-footer-logo { display: inline-block; margin-bottom: 16px; font-size: 24px; font-weight: 800; color: #fff; }
.site-footer-logo img { max-height: 46px; width: auto; filter: brightness(0) invert(1); opacity: .95; }
.site-footer-tanitim { max-width: 360px; line-height: 1.75; margin-bottom: 18px; }
.site-footer .social-links a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); margin-right: 8px; font-size: 16px; }
.site-footer .social-links a:hover { background: var(--color-primary); border-color: var(--color-primary); }
.site-footer-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 10px 22px; border-radius: 50px; background: var(--color-primary); color: #fff !important; font-weight: 600; font-size: 14px; }
.site-footer-cta:hover { opacity: .9; }
.site-footer-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin-top: 44px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); font-size: 13px; }
.site-footer-alt .copyright, .site-footer-alt .credits { padding: 0; text-align: left; }
.site-footer-yasal { display: flex; flex-wrap: wrap; gap: 6px 18px; }
@media (max-width: 767px) { .site-footer-alt { flex-direction: column; align-items: flex-start; } }

/* ── Çerez bildirimi ──────────────────────────────────────────── */
.site-cerez { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 99990; width: min(760px, calc(100vw - 24px)); display: flex; align-items: center; gap: 18px; padding: 16px 18px; background: #fff; color: var(--site-yazi); border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.18); border: 1px solid var(--site-cizgi); font-size: 14px; line-height: 1.6; animation: site-cerez-gel .45s ease-out; }
.site-cerez[hidden] { display: none; }
.site-cerez p { margin: 0; flex: 1; }
.site-cerez strong { display: block; color: #111; margin-bottom: 2px; }
.site-cerez a { color: var(--color-primary); text-decoration: underline; }
.site-cerez-dugmeler { display: flex; gap: 8px; flex-shrink: 0; }
.site-cerez button { border-radius: 50px; padding: 9px 18px; font-weight: 600; font-size: 14px; border: 1px solid var(--color-primary); cursor: pointer; }
.site-cerez-kabul { background: var(--color-primary); color: #fff; }
.site-cerez-red { background: #fff; color: var(--color-primary); }
@keyframes site-cerez-gel { from { opacity: 0; transform: translate(-50%, 20px); } }
@media (max-width: 640px) { .site-cerez { flex-direction: column; align-items: stretch; gap: 12px; } .site-cerez-dugmeler button { flex: 1; } }

/* ── Sohbet balonu varken "yukarı çık" düğmesi üstte ──────────── */
.site-sohbet-var .scroll-top { bottom: 96px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ── Hızlı talep formu: sitenin rengi ─────────────────────────── */
.btn-talep { background: var(--color-primary) !important; border-radius: 50px !important; }
.btn-talep:hover { box-shadow: 0 6px 16px rgba(0,0,0,.15) !important; }
.talep-form .form-control:focus { border-color: var(--color-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent) !important; }
.talep-form .form-control { min-height: 44px; }
.site-footer-logo { display: block; width: max-content; }
.site-footer-cta { display: inline-flex; }
.site-footer-alt .copyright { border: 0 !important; padding: 0 !important; margin: 0; }
.site-footer-alt .credits { padding: 0 !important; margin: 0; }