/*
Theme Name: Meryem Ana Evi (meryemanaevi.com)
Theme URI: https://meryemanaevi.com
Author: Meryem Ana Evi Dijital Ekibi
Author URI: https://meryemanaevi.com
Description: Efes Meryem Ana Evi için tasarlanmış tarihi ve dini foto galeri WordPress teması. Profesyonel admin paneli, galeri yönetimi ve ziyaretçi rehberi içerir.
Version: 1.4.2
License: GNU General Public License v2 or later
Text Domain: meryemana
*/

/* ============================================================
   DESIGN TOKEN SİSTEMİ — TEK MERKEZİ KAYNAK (SINGLE SOURCE OF TRUTH)
   Maneviyat / Müze Estetiği: Bizans Moru + Efes Altını + Sıcak Traverten Mermer
   Apple Human Interface Guidelines & WCAG 2.2 AA / AAA Standartları
   ============================================================ */

::selection {
  background: #C5A059 !important;
  color: #1C181B !important;
}
::-moz-selection {
  background: #C5A059 !important;
  color: #1C181B !important;
}

:root {
  /* ── 1. TİPOGRAFİ TOKEN'LARI ── */
  --font-heading: 'Cinzel', 'Cormorant Garamond', Georgia, serif;
  --font-quote:   'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-arabic:  'Amiri', 'Traditional Arabic', 'Scheherazade New', serif;

  /* Tipografi Ölçeği (Fluid Clamp) */
  --text-2xs: clamp(0.65rem, 0.60rem + 0.15vw, 0.72rem);
  --text-xs:  clamp(0.72rem, 0.68rem + 0.20vw, 0.82rem);
  --text-sm:  clamp(0.85rem, 0.80rem + 0.25vw, 0.95rem);
  --text-base:clamp(1.00rem, 0.95rem + 0.30vw, 1.08rem);
  --text-md:  clamp(1.12rem, 1.05rem + 0.40vw, 1.25rem);
  --text-lg:  clamp(1.28rem, 1.18rem + 0.60vw, 1.50rem);
  --text-xl:  clamp(1.60rem, 1.35rem + 1.10vw, 2.10rem);
  --text-2xl: clamp(2.00rem, 1.65rem + 1.60vw, 2.80rem);

  /* Satır Yükseklikleri */
  --lh-tight:   1.25;
  --lh-snug:    1.40;
  --lh-normal:  1.60;
  --lh-relaxed: 1.75;
  --lh-loose:   1.90;

  /* ── 2. RENK PALETİ VE KONTRAST TOKEN'LARI (WCAG 2.2 AA / AAA) ── */
  /* Arka Plan Renkleri — Narin Traverten Taşı & Fildişi Parşömen */
  --bg-page:       #F9F7F2; /* Traverten Açık Krem */
  --bg-surface:    #F3EFE6; /* Sıcak Mermer Zemin */
  --bg-card:       #FAF8F5; /* Kart / Form Arka Planı */
  --bg-card-hover: #FFFFFF; /* Yükseltilmiş Kart Zemin */
  --bg-header:     rgba(249, 247, 242, 0.96);
  --bg-overlay:    rgba(14, 11, 15, 0.72);

  /* Efes Altını & Metalik Tonlar */
  --gold:          #C5A059; /* Birincil Efes Altını (Border, Çerçeve, İnce Vurgu) */
  --gold-light:    #E0C287; /* Açık Altın Vurgusu */
  --gold-dark:     #704E10; /* WCAG AAA Uyumlu Koyu Altın (Açık Zeminde 7.04:1 Kontrast) */
  --gold-text:     #704E10; /* Açık Zeminlerdeki Tüm Altın Renkli Metinler İçin Zorunlu */
  --gold-hover:    #9A7632; /* Altın Buton / Link Hover Durumu */
  --gold-subtle:   rgba(197, 160, 89, 0.14);
  --gold-border:   rgba(197, 160, 89, 0.32);

  /* Tamamlayıcı Doğa & Arkeoloji Tonları */
  --olive-green:   #5A6B52; /* Bülbüldağı Zeytin Yeşili (Açık Zeminde 5.36:1 Kontrast) */
  --olive-subtle:  rgba(90, 107, 82, 0.12);
  --terracotta:    #8C4A32; /* Antik Pişmiş Toprak / Tuğla */
  --pastel-blue:   #6C7D93; /* Meryem Mavisi (WCAG AA Uyumlu) */

  /* Tarihi Bizans Vurgu Tonları */
  --byzantine:     #4A235A;
  --byzantine-light:#6C3483;
  --byzantine-dark:#3A1D4A;
  --byzantine-subtle:rgba(74, 35, 90, 0.08);

  /* Tipografik Metin Renkleri — Kesin Kontrast Güvencesi */
  --text-h:        #1C181B; /* Başlıklar (Açık Zeminde 14.8:1 Kontrast - WCAG AAA) */
  --text-body:     #352F33; /* Gövde Metni (Açık Zeminde 9.8:1 Kontrast - WCAG AAA) */
  --text-muted:    #5C5358; /* İkincil / Yardımcı Metin (Açık Zeminde 6.9:1 Kontrast) */
  --text-secondary:#475569; /* Slate Gri (Açık Zeminde 6.5:1 Kontrast) */
  --text-light:    #FAF8F5; /* Koyu Zemin Üzeri Açık Metin */
  --text-gold-on-dark: #F5D78E; /* Koyu Zemin Üzeri Altın Vurgu Metni */

  /* Durum ve Bilgilendirme Renkleri (Metin + İkon Destekli) */
  --success:       #157F3D; /* Ziyarete Açık Zümrüt Yeşili */
  --success-bg:    #ECFDF5;
  --danger:        #B3261E; /* Ziyarete Kapalı / Uyarı Kırmızı */
  --danger-bg:     #FEF2F2;
  --warning:       #B45309; /* Dikkat Amber */
  --warning-bg:    #FFFBEB;
  --info:          #1D4ED8; /* Rehber Mavi */
  --info-bg:       #EFF6FF;

  /* ── 3. SPACING (BOŞLUK) ÖLÇEĞİ — 4/8-POINT GRID SİSTEMİ ── */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;

  /* ── 4. KÖŞE YARIÇAPLARI (BORDER RADIUS) ── */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-full: 9999px;

  /* ── 5. DERİNLİK VE GÖLGE TOKEN'LARI (SAKİN, DİNGİN ESTETİK) ── */
  --shadow-xs: 0 1px 3px rgba(28, 24, 27, 0.04);
  --shadow-sm: 0 2px 8px rgba(28, 24, 27, 0.06);
  --shadow-md: 0 6px 18px rgba(28, 24, 27, 0.08);
  --shadow-lg: 0 12px 32px rgba(28, 24, 27, 0.12);
  --shadow-gold: 0 4px 16px rgba(197, 160, 89, 0.20);

  /* ── 6. DOKUNMA VE ETKİLEŞİM TOKEN'LARI (WCAG 2.5.8 / APPLE HIG) ── */
  --touch-target-min: 44px; /* Mobilde Dokunma Hedefi Asgari 44x44px */

  /* ── 7. WCAG 2.4.7 & 2.4.11 ODAKLANMA BİLDİRİMİ TOKEN'LARI ── */
  --focus-ring-color:  var(--gold-dark, #704E10);
  --focus-ring-width:  2.5px;
  --focus-ring-offset: 2px;
  --focus-ring:        var(--focus-ring-width) solid var(--focus-ring-color);
  --focus-shadow:      0 0 0 2px var(--bg-card, #FAF8F5), 0 0 0 4.5px var(--focus-ring-color);

  /* ── 8. ÇERÇEVELER VE SINIRLAR ── */
  --border:       rgba(197, 160, 89, 0.32);
  --border-light: rgba(90, 107, 82, 0.18);
  --border-card:  rgba(197, 160, 89, 0.24);

  /* ── 9. GEÇİŞ VE ANİMASYON SÜRELERİ (~150-260ms DOĞAL AKIŞ) ── */
  --transition-fast:   160ms cubic-bezier(0.2, 0, 0.2, 1);
  --transition-normal: 240ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow:   300ms cubic-bezier(0.16, 1, 0.3, 1);
  --ease:              cubic-bezier(0.16, 1, 0.3, 1);

  /* ── 10. DÜZEN VE BOYUTLAR ── */
  --header-height-desktop: 105px;
  --header-height-mobile:  76px;
  --header-height:         var(--header-height-desktop);
  --max-width-content:     1240px;
  --max-width-narrow:      840px;
  --section-padding-y:     var(--space-12, 48px);
}

/* ────────────────────────────────────────────────────────────
   ALTERNATİF PALET 1: MODERN AKDENİZ CANLILIĞI
   ─────────────────────────────────────────────────────────── */
:root[data-palette="mediterranean"],
html[data-palette="mediterranean"],
body.palette-mediterranean {
  --gold:         #1E4D6B;
  --gold-light:   #C5A059;
  --gold-dark:    #0F3147;
  --gold-text:    #0F3147;
  --gold-subtle:  rgba(30, 77, 107, 0.14);
  --byzantine:    #4A5D43;
  --byzantine-light: #657D5C;
  --byzantine-dark:  #2E3C29;
  --border:       rgba(30, 77, 107, 0.30);
  --focus-ring-color: #0F3147;
  --focus-ring:   2.5px solid #0F3147;
}

/* ────────────────────────────────────────────────────────────
   WCAG 2.4.7 / 2.4.11 ERİŞİLEBİLİR ODAK GÖSTERGESİ (FOCUS VISIBLE)
   Açık zeminde 7.04:1 kontrast sağlayan çift katmanlı altın-mermer halka
   ─────────────────────────────────────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role="button"]:focus-visible,
[tabindex="0"]:focus-visible,
.mobile-dock-item:focus-visible,
:focus-visible {
  outline: none !important;
  box-shadow: var(--focus-shadow) !important;
  border-radius: var(--r-sm) !important;
  transition: box-shadow var(--transition-fast) !important;
}

/* ────────────────────────────────────────────────────────────
   DOKUNMA HEDEFLERİ (WCAG 2.5.8 & APPLE HIG — MİN 44x44px)
.header-search-toggle,
.header-search-close,
.lang-switcher-btn,
.admin-dropdown-btn,
.gallery-card-zoom-btn,
.page-num-btn {
  min-width: var(--touch-target-min) !important;
  min-height: var(--touch-target-min) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Masaüstü ekranlarda (>=992px) mobil araçlar, hamburger ve çekmece kesinlikle gizlenir */
@media (min-width: 992px) {
  .mobile-header-tools,
  .mobile-nav-toggle,
  .mobile-search-toggle,
  .mobile-lang-btn,
  .mobile-nav-drawer,
  .mobile-nav-drawer-overlay {
    display: none !important;
  }
}

.header-actions .btn {
  min-height: var(--touch-target-min) !important;
  padding: 0 1rem !important;
}

/* ────────────────────────────────────────────────────────────
   WCAG METİN KONTRAST DÜZELTMELERİ (GENEL LİNK VE VURGULAR)
   ─────────────────────────────────────────────────────────── */
a {
  color: var(--gold-dark);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--gold-hover);
}

/* Açık zemin altın metin etiketi güvencesi (WCAG AAA 7.04:1) */
.text-gold,
.gold-text,
.shp-label,
.cat-eyebrow,
.cat-arrow,
.hsp-arrow {
  color: var(--gold-dark) !important;
}

.cat-count {
  color: var(--text-muted) !important;
}

/* ────────────────────────────────────────────────────────────
   PREFERS-REDUCED-MOTION (HAREKET HASSASİYETİ KORUMASI)
   Vestibüler rahatsızlığı olan kullanıcılar için tam sıfırlama
   ─────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .live-dot.open,
  .crp-live-dot {
    animation: none !important;
  }
}

/* ────────────────────────────────────────────────────────────
   KLAVYE ATLAMA BAĞLANTISI (SKIP LINK — WCAG 2.4.1)
   ─────────────────────────────────────────────────────────── */
.skip-link {
  position: fixed;
  top: -9999px;
  left: 1rem;
  background: var(--bg-card, #FAF8F5);
  color: var(--gold-dark, #704E10);
  padding: 0.75rem 1.25rem;
  z-index: 999999;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid var(--gold-dark, #704E10);
  border-radius: var(--r-sm);
  box-shadow: var(--shadow-lg);
  text-decoration: none;
  transition: top var(--transition-fast);
}
.skip-link:focus,
.skip-link:focus-visible {
  top: 1rem;
  outline: none;
  box-shadow: var(--focus-shadow);
}

/* ═══════════════════════════════════════════════════════════════
   GELİŞMİŞ MOBİL GİRİŞ (MOBILE HEADER BAR) TASARIMI
   Apple Human Interface Guidelines & WCAG 2.2 AAA Uyumu
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
  .site-header {
    background: rgba(249, 247, 242, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.28) !important;
    box-shadow: 0 2px 14px rgba(28, 24, 27, 0.05) !important;
  }

  .top-bar {
    background: rgba(26, 22, 24, 0.95) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.24) !important;
    padding: 0.22rem 0 !important;
  }

  .header-nav-bar {
    padding: 0.45rem 0 !important;
  }

  .header-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
  }

  .main-nav,
  .header-actions {
    display: none !important;
  }

  /* Mobil Araçlar Kümesi (Arama, Dil ve Hamburger) */
  .mobile-header-tools {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    flex-shrink: 0 !important;
  }

  /* Arama Butonu — 44x44px Apple HIG Dokunma Standardı */
  .mobile-search-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: var(--r-md, 10px) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    box-shadow: 0 1px 4px rgba(28, 24, 27, 0.04) !important;
    color: var(--text-h, #1C181B) !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast) !important;
  }

  .mobile-search-toggle:hover,
  .mobile-search-toggle:active {
    background: rgba(197, 160, 89, 0.16) !important;
    border-color: var(--gold-dark, #704E10) !important;
    transform: scale(0.97);
  }

  /* Hızlı Dil Seçici Butonu — 44px Yükseklik */
  .mobile-lang-btn {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 0.55rem !important;
    border-radius: var(--r-md, 10px) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    box-shadow: 0 1px 4px rgba(28, 24, 27, 0.04) !important;
    color: var(--text-h, #1C181B) !important;
    font-weight: 700 !important;
    font-size: 0.76rem !important;
    gap: 0.28rem !important;
    cursor: pointer !important;
    transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast) !important;
  }

  .mobile-lang-btn:hover,
  .mobile-lang-btn:active {
    background: rgba(197, 160, 89, 0.16) !important;
    border-color: var(--gold-dark, #704E10) !important;
    transform: scale(0.97);
  }

  .mobile-lang-btn .mlb-code {
    color: var(--gold-dark, #704E10) !important;
    font-weight: 800 !important;
  }

  /* Hamburger Menü Butonu (3 Çizgi → X Dönüşümü) */
  .mobile-nav-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: var(--r-md, 10px) !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1.5px solid rgba(197, 160, 89, 0.40) !important;
    box-shadow: 0 1px 4px rgba(28, 24, 27, 0.05) !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast) !important;
  }

  .mobile-nav-toggle:hover,
  .mobile-nav-toggle:active {
    background: rgba(197, 160, 89, 0.18) !important;
    border-color: var(--gold-dark, #704E10) !important;
  }

  .mobile-nav-toggle span {
    display: block !important;
    width: 20px !important;
    height: 2.2px !important;
    background: var(--text-h, #1C181B) !important;
    border-radius: 2px !important;
    transition: transform var(--transition-normal), opacity var(--transition-fast), width var(--transition-fast) !important;
    transform-origin: center !important;
  }

  /* Hamburger Aktifken 'X' İkonuna Dönüşüm */
  .mobile-nav-toggle.active {
    background: rgba(197, 160, 89, 0.22) !important;
    border-color: var(--gold-dark, #704E10) !important;
  }

  .mobile-nav-toggle.active span:nth-child(1) {
    transform: translateY(7.2px) rotate(45deg) !important;
    background: var(--gold-dark, #704E10) !important;
  }

  .mobile-nav-toggle.active span:nth-child(2) {
    opacity: 0 !important;
    width: 0 !important;
  }

  .mobile-nav-toggle.active span:nth-child(3) {
    transform: translateY(-7.2px) rotate(-45deg) !important;
    background: var(--gold-dark, #704E10) !important;
  }

  /* Header Yasal Güvence Barı (Mobilde Zarif ve Tek Satır) */
  .header-trust-bar {
    background: rgba(249, 247, 242, 0.94) !important;
    border-top: 1px solid rgba(197, 160, 89, 0.18) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.25) !important;
    padding: 0.22rem 0.5rem !important;
    font-size: 0.67rem !important;
    color: var(--text-muted, #5C5358) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   GELİŞMİŞ MOBİL ÇEKMECE MENÜ (KUTSAL DERİN GECE & ALTIN MİRAS)
   WCAG 2.2 AAA Kontrast (13.8:1) + Akıcı GPU 60fps Transform
   ═══════════════════════════════════════════════════════════════ */

/* Arka Plan Karartma (Overlay) */
.mobile-nav-drawer-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(14, 11, 15, 0.72) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: 0;
  transition: opacity var(--transition-normal);
}

.mobile-nav-drawer-overlay.active {
  display: block;
  opacity: 1;
}

/* Çekmece Gövdesi — Sacred Byzantine Midnight */
.mobile-nav-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: min(350px, 92vw) !important;
  height: 100dvh !important;
  z-index: 1200 !important;
  background: linear-gradient(175deg, #1C161C 0%, #141115 50%, #0E0C0F 100%) !important;
  border-left: 1px solid rgba(197, 160, 89, 0.35) !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.65) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  transform: translateX(100%) !important;
  transition: transform var(--transition-normal) !important;
  visibility: hidden;
}

.mobile-nav-drawer.active {
  transform: translateX(0) !important;
  visibility: visible !important;
}

/* Çekmece Üst Başlık Çubuğu */
.mobile-drawer-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1.1rem 1.25rem !important;
  border-bottom: 1px solid rgba(197, 160, 89, 0.22) !important;
  background: rgba(197, 160, 89, 0.08) !important;
  flex-shrink: 0 !important;
}

.mobile-drawer-title {
  font-family: var(--font-heading) !important;
  font-size: 0.90rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--gold-light, #E0C287) !important;
}

/* Çekmece Kapatma Düğmesi — 44x44px */
.mobile-drawer-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  background: rgba(197, 160, 89, 0.14) !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  color: #FAF8F5 !important;
  font-size: 1.4rem !important;
  cursor: pointer !important;
  line-height: 1 !important;
  transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast) !important;
  flex-shrink: 0 !important;
}

.mobile-drawer-close:hover,
.mobile-drawer-close:active {
  background: rgba(197, 160, 89, 0.30) !important;
  color: #FFFFFF !important;
  transform: scale(0.95);
}

/* Canlı Ziyaret Saati Çubuğu */
.mobile-drawer-hours {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.75rem 1.25rem !important;
  background: rgba(197, 160, 89, 0.06) !important;
  border-bottom: 1px solid rgba(197, 160, 89, 0.16) !important;
  font-size: 0.76rem !important;
  color: #EDE6D8 !important;
  flex-shrink: 0 !important;
  flex-wrap: wrap !important;
}

.drawer-hours-label {
  font-weight: 700 !important;
  color: var(--gold-light, #E0C287) !important;
}

#drawer-hours-text {
  font-weight: 600 !important;
  color: #FAF8F5 !important;
}

/* Çekmece İçi 6 Dilli Seçim Izgarası */
.mobile-drawer-lang-section {
  padding: 0.9rem 1.25rem !important;
  border-bottom: 1px solid rgba(197, 160, 89, 0.16) !important;
  flex-shrink: 0 !important;
}

.mobile-drawer-lang-title {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--gold-light, #E0C287) !important;
  margin-bottom: 0.65rem !important;
}

.mobile-drawer-lang-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.45rem !important;
}

.mobile-drawer-lang-pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.2rem !important;
  padding: 0.50rem 0.35rem !important;
  background: rgba(197, 160, 89, 0.08) !important;
  border: 1px solid rgba(197, 160, 89, 0.22) !important;
  border-radius: var(--r-sm, 6px) !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: background var(--transition-fast), border-color var(--transition-fast) !important;
  cursor: pointer !important;
}

.mobile-drawer-lang-pill .mdlp-flag {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.mobile-drawer-lang-pill .mdlp-code {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: var(--gold-light, #E0C287) !important;
}

.mobile-drawer-lang-pill .mdlp-name {
  font-size: 0.72rem !important;
  color: #D4C9B8 !important;
}

.mobile-drawer-lang-pill:hover,
.mobile-drawer-lang-pill:active {
  background: rgba(197, 160, 89, 0.22) !important;
  border-color: var(--gold, #C5A059) !important;
}

.mobile-drawer-lang-pill.active {
  background: rgba(197, 160, 89, 0.26) !important;
  border-color: var(--gold-light, #E0C287) !important;
  box-shadow: 0 0 10px rgba(197, 160, 89, 0.30) !important;
}

.mobile-drawer-lang-pill.active .mdlp-code {
  color: #FFE5A0 !important;
}

.mobile-drawer-lang-pill.active .mdlp-name {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

/* Çekmece Menü Listesi — WCAG AAA Kontrast (13.8:1) */
.mobile-menu-list {
  list-style: none !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  flex: 1 !important;
}

.mobile-menu-list li {
  border-bottom: 1px solid rgba(197, 160, 89, 0.10) !important;
}

.mobile-menu-list li:last-child {
  border-bottom: none !important;
}

.mobile-menu-list li a {
  display: flex !important;
  align-items: center !important;
  padding: 0.95rem 1.25rem !important;
  color: #FAF8F5 !important; /* YÜKSEK KONTRAST: Açık fildişi metin */
  text-decoration: none !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  min-height: 50px !important;
  position: relative !important;
  transition: background var(--transition-fast), color var(--transition-fast), padding-left var(--transition-fast) !important;
}

.mobile-menu-list li a::after {
  content: '›' !important;
  position: absolute !important;
  right: 1.25rem !important;
  color: rgba(197, 160, 89, 0.50) !important;
  font-size: 1.15rem !important;
  transition: color var(--transition-fast), right var(--transition-fast) !important;
}

.mobile-menu-list li a:hover,
.mobile-menu-list li a:active {
  background: rgba(197, 160, 89, 0.14) !important;
  color: var(--gold-light, #FFE5A0) !important;
  padding-left: 1.50rem !important;
}

.mobile-menu-list li a:hover::after,
.mobile-menu-list li a:active::after {
  color: var(--gold-light, #FFE5A0) !important;
  right: 1.05rem !important;
}

.mobile-menu-list li.current-menu-item > a,
.mobile-menu-list li.current_page_item > a {
  color: var(--gold-light, #FFE5A0) !important;
  font-weight: 700 !important;
  background: rgba(197, 160, 89, 0.16) !important;
  border-left: 3.5px solid var(--gold, #C5A059) !important;
  padding-left: calc(1.25rem - 3.5px) !important;
}

/* Çekmece Alt Aksiyon Butonu (Ziyareti Planla CTA) */
.mobile-drawer-actions {
  padding: 1.1rem 1.25rem 1.6rem !important;
  flex-shrink: 0 !important;
  border-top: 1px solid rgba(197, 160, 89, 0.22) !important;
  background: rgba(14, 11, 15, 0.60) !important;
}

.mobile-drawer-actions .btn {
  width: 100% !important;
  justify-content: center !important;
  min-height: 48px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, var(--gold, #C5A059) 0%, var(--gold-hover, #9A7632) 100%) !important;
  color: #1C181B !important;
  border: none !important;
  border-radius: var(--r-md, 10px) !important;
  box-shadow: 0 4px 16px rgba(197, 160, 89, 0.35) !important;
}

/* ────────────────────────────────────────────────────────────
   ZİYARET SAATİ ROZETİ — RENK KÖRÜ (WCAG 1.4.1) KORUMASI
   ─────────────────────────────────────────────────────────── */
.shp-badge {
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.08rem 0.42rem;
  border-radius: var(--r-xs);
  letter-spacing: 0.04em;
  display: inline-flex !important;
  align-items: center;
  vertical-align: middle;
}

.shp-badge--open,
.hours-status-badge.is-open {
  background: var(--success-bg, #ECFDF5) !important;
  border: 1px solid rgba(21, 127, 61, 0.45) !important;
  color: var(--success, #157F3D) !important;
}

.shp-badge--closed,
.hours-status-badge.is-closed {
  background: var(--danger-bg, #FEF2F2) !important;
  border: 1px solid rgba(179, 38, 30, 0.45) !important;
  color: var(--danger, #B3261E) !important;
}

/* ────────────────────────────────────────────────────────────
   EVRENSEL RTL (SAĞDAN SOLA — ARAPÇA) DÜZEN & TİPOGRAFİ
   [dir="rtl"] & html[lang="ar"]
   ─────────────────────────────────────────────────────────── */
[dir="rtl"],
html[dir="rtl"],
html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] body,
html[dir="rtl"] body,
html[lang="ar"] body {
  font-family: var(--font-arabic), var(--font-body);
  line-height: var(--lh-relaxed);
}

/* Arapça Başlıkların Üst/Alt Kesilmesini Önleme */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .cat-name, [dir="rtl"] .gallery-card-title,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] .cat-name, html[lang="ar"] .gallery-card-title {
  line-height: 1.65 !important;
  padding-top: 0.15em;
  padding-bottom: 0.15em;
}

/* RTL Mobil Çekmece: Sağ yerine Soldan Açılır */
[dir="rtl"] .mobile-nav-drawer,
html[dir="rtl"] .mobile-nav-drawer,
html[lang="ar"] .mobile-nav-drawer {
  right: auto !important;
  left: 0 !important;
  border-left: none !important;
  border-right: 1px solid rgba(197, 160, 89, 0.35) !important;
  box-shadow: 8px 0 32px rgba(0, 0, 0, 0.65) !important;
  transform: translateX(-100%) !important;
  transition: transform var(--transition-normal) !important;
}

[dir="rtl"] .mobile-nav-drawer.active,
html[dir="rtl"] .mobile-nav-drawer.active,
html[lang="ar"] .mobile-nav-drawer.active {
  transform: translateX(0) !important;
}

[dir="rtl"] .mobile-menu-list li a::after,
html[dir="rtl"] .mobile-menu-list li a::after {
  content: '‹' !important;
  right: auto !important;
  left: 1.25rem !important;
}

[dir="rtl"] .mobile-menu-list li a:hover,
html[dir="rtl"] .mobile-menu-list li a:hover {
  padding-left: 1.25rem !important;
  padding-right: 1.50rem !important;
}

[dir="rtl"] .mobile-menu-list li a:hover::after,
html[dir="rtl"] .mobile-menu-list li a:hover::after {
  left: 1.05rem !important;
  right: auto !important;
}

[dir="rtl"] .mobile-menu-list li.current-menu-item > a,
html[dir="rtl"] .mobile-menu-list li.current-menu-item > a {
  border-left: none !important;
  border-right: 3.5px solid var(--gold, #C5A059) !important;
  padding-right: calc(1.25rem - 3.5px) !important;
}

/* RTL Ok İkonları Dönüşü (Yalnızca Yön Belirten Oklar) */
[dir="rtl"] .cat-arrow,
[dir="rtl"] .crp-arrow,
[dir="rtl"] .gallery-card-readmore,
html[dir="rtl"] .cat-arrow,
html[dir="rtl"] .crp-arrow,
html[dir="rtl"] .gallery-card-readmore {
  display: inline-flex;
  align-items: center;
}

[dir="rtl"] .crp-arrow,
html[dir="rtl"] .crp-arrow {
  transform: scaleX(-1);
}

[dir="rtl"] .cat-card:hover .cat-arrow,
html[dir="rtl"] .cat-card:hover .cat-arrow {
  transform: translateX(-5px) !important;
}

/* RTL Hero Stat Banner Ok Dönüşü */
[dir="rtl"] .hsp-arrow,
html[dir="rtl"] .hsp-arrow {
  margin-left: 0 !important;
  margin-right: auto !important;
  transform: scaleX(-1);
}

[dir="rtl"] .hero-stat-pill:hover .hsp-arrow,
html[dir="rtl"] .hero-stat-pill:hover .hsp-arrow {
  transform: scaleX(-1) translateX(4px) !important;
}

/* RTL Skip Link */
[dir="rtl"] .skip-link,
html[dir="rtl"] .skip-link {
  left: auto;
  right: 1rem;
}

/* ────────────────────────────────────────────────────────────
   SAYGIN MÜZE ESTETİĞİ — DİNGİN ELEVATION VE KART YÜKSEKLİĞİ
   ─────────────────────────────────────────────────────────── */
.cat-card,
.gallery-card {
  transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
}

.cat-card:hover,
.gallery-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-md) !important;
}

/* Grid Kart Eşitliği */
.cat-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.cat-card-header-link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.cat-card-body-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.cat-footer {
  margin-top: auto !important;
}

/* Mobil Bottom Dock Aktif Sekme Kontrastı */
.mobile-bottom-dock .mobile-dock-item.active {
  color: var(--gold-dark, #704E10) !important;
  font-weight: 700 !important;
}

.mobile-bottom-dock .mobile-dock-item.active svg {
  stroke: var(--gold-dark, #704E10) !important;
}

/* ────────────────────────────────────────────────────────────
   NAVİGASYON ROZETLERİ (HEADER & DOCK BADGES)
   ─────────────────────────────────────────────────────────── */
.meryemana-nav-badge {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-left: 5px;
  text-transform: uppercase;
}

.meryemana-nav-badge.badge-gold {
  background: #C5A059;
  color: #1A181B;
  box-shadow: 0 1px 4px rgba(197, 160, 89, 0.4);
}

.meryemana-nav-badge.badge-live {
  background: #10B981;
  color: #FFFFFF;
}

.meryemana-nav-badge.badge-hot {
  background: #EF4444;
  color: #FFFFFF;
}

/* Üst Çubuk (Top-bar) Hızlı Soru Sorma Hap Butonu */
.top-bar-qa-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(197, 160, 89, 0.18);
  border: 1px solid rgba(197, 160, 89, 0.45);
  color: #C5A059;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 12px;
  text-decoration: none;
  margin-left: 12px;
  transition: all 0.2s ease;
}

.top-bar-qa-pill:hover {
  background: #C5A059;
  color: #1A181B !important;
  box-shadow: 0 2px 8px rgba(197, 160, 89, 0.35);
  transform: translateY(-1px);
}

/* ────────────────────────────────────────────────────────────
   GEO & AEO ALINTILANABİLİRLİK VE YANIT KAPSÜLÜ SİSTEMİ
   ─────────────────────────────────────────────────────────── */

/* 1. Görünür Son Doğrulama / Güncelleme Rozeti */
.meryemana-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(197, 160, 89, 0.12);
  border: 1px solid rgba(197, 160, 89, 0.35);
  color: var(--gold-dark, #704E10);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.84rem;
  font-weight: 600;
  margin: 6px 0 14px;
  transition: all 0.2s ease;
}

.meryemana-verified-badge:hover {
  background: rgba(197, 160, 89, 0.2);
  border-color: var(--gold, #C5A059);
}

/* 2. Cevap-Önce (Answer-First) Doğrudan Yanıt Kapsülü */
.meryemana-answer-capsule {
  background: var(--bg-card, #FAF8F5);
  border: 1px solid var(--border, #E5DFD3);
  border-left: 4px solid var(--gold, #C5A059);
  border-radius: 8px;
  padding: 18px 22px;
  margin: 20px 0 26px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.meryemana-answer-capsule .meryemana-answer-lead {
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.75;
  color: var(--text-h, #1A181B);
  font-weight: 500;
}

/* 3. Makine-Okunur Hızlı Gerçekler Kutusu (Key Facts Box) */
.meryemana-key-facts {
  background: #FFFFFF;
  border: 1px solid var(--border, #E5DFD3);
  border-radius: 12px;
  padding: 24px;
  margin: 24px 0 32px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.meryemana-key-facts dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 0;
}

@media (max-width: 640px) {
  .meryemana-key-facts {
    padding: 16px;
    margin: 18px 0 24px;
  }
  .meryemana-key-facts dl {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* 4. Akademik & Resmi Kaynakça Atıf Bloğu (Citations & Evidence) */
.meryemana-citations-box {
  background: var(--bg-surface, #FAF8F5);
  border: 1px solid var(--border, #E5DFD3);
  border-radius: 10px;
  padding: 20px 24px;
  margin: 28px 0;
  font-size: 0.92rem;
}

.meryemana-citations-box ol {
  margin: 0;
  padding-left: 20px;
  color: #4A4A4A;
  line-height: 1.75;
}

.meryemana-citations-box li {
  margin-bottom: 8px;
}

.meryemana-citations-box a {
  color: var(--gold-dark, #9A7632);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.meryemana-citations-box a:hover {
  color: var(--gold, #C5A059);
}

/* Yazdırma Modu (Print CSS) */
@media print {
  .meryemana-verified-badge,
  .meryemana-answer-capsule,
  .meryemana-key-facts,
  .meryemana-citations-box {
    border-color: #000 !important;
    box-shadow: none !important;
    background: #FFF !important;
    color: #000 !important;
  }
}