/*
Theme Name: Locabet
Theme URI: https://locabet.me/
Author: Locabet Editör Ekibi
Author URI: https://locabet.me/
Description: Bahis, casino ve ürün incelemesi rehber portalları için geliştirilmiş Gutenberg tabanlı (Block Theme) WordPress teması. Marka değerleri Görünüm → Özelleştir → Marka Ayarları altından yönetilir. E-E-A-T odaklı tasarım, sorumlu oyun uyarıları, dinamik içerik blokları ve zengin pattern kütüphanesi içerir. CSS prefix: lb-, klasör adı: Arsiv (locabet) — text-domain: locabet.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: locabet
Tags: block-theme, full-site-editing, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, news
*/

/* ============================================================
   Tema — Temel Stil Katmanı
   theme.json tüm renk/tipografi/boşluk tokenlarını sağlar.
   Bu dosya sadece theme.json'un kapsayamadığı özel efektleri içerir.
   ============================================================ */

/* ============================================================
   PROGRESSIVE ENHANCEMENT & A11Y FOUNDATIONS
   ============================================================ */

/* No-JS fallback: .reveal sınıfları JS yüklenmeden görünür kalsın */
.no-js .reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
.no-js .reveal-delay-1,
.no-js .reveal-delay-2,
.no-js .reveal-delay-3,
.no-js .reveal-delay-4{ transition-delay: 0s !important; }

/* IntersectionObserver desteklenmiyor → CSS support kontrolü */
@supports not (display: grid){
  .reveal{ opacity: 1; transform: none; }
}

/* Global focus ring token — theme.json > settings.custom.focus-ring */
:focus-visible{
  outline: 2px solid var(--wp--preset--color--gold-500, var(--wp--preset--color--gold, #C7A47A));
  outline-offset: 3px;
  border-radius: inherit;
}
/* Interaktif elementler için explicit hedef — outline:none kurallarına karşı koruma
   !important gerekli: form input'larındaki ham `outline:none` kurallarını yenmek için.
   Sadece klavye focus'unda etkili; :focus-visible mouse focus'ta tetiklenmez. */
:where(a, button, input, textarea, select, summary, details, [tabindex]:not([tabindex="-1"])):focus-visible{
  outline: 2px solid var(--wp--preset--color--gold-500, var(--wp--preset--color--gold, #C7A47A)) !important;
  outline-offset: 3px !important;
  border-radius: 2px;
}
/* Yüksek kontrast temasında contrast artır */
@media (prefers-contrast: more){
  :focus-visible{ outline-width: 3px !important; outline-color: #000 !important; }
}

/* Skip link tek kanonik görünüm — core + manuel duplicate engellensin */
.skip-link.screen-reader-text,
a.skip-link{
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
}
.skip-link:focus{
  left: 16px;
  top: 16px;
  padding: 12px 20px;
  background: var(--wp--preset--color--ink-950, #0A0A0C);
  color: var(--wp--preset--color--gold-300, #E6C98A);
  text-decoration: none;
  font-weight: 700;
  border-radius: 6px;
  outline: 3px solid var(--wp--preset--color--gold-500, #C7A47A);
  outline-offset: 2px;
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}

:root{
  /* ---------- Ink scale ---------- */
  --lb-color-ink-950: #0A0A0C;
  --lb-color-ink-900: #111318;
  --lb-color-ink-800: #1A1F26;
  --lb-color-ink-700: #2A2420;
  --lb-color-ink-600: #4A5260;
  --lb-color-ink-400: #8A94A3;
  --lb-color-ink-200: #E9ECEF;
  --lb-color-ink-100: #F4F6F8;
  --lb-color-ink-50:  #FAFBFC;

  /* ---------- Gold scale ---------- */
  --lb-color-gold-50:  #FBF6EC;
  --lb-color-gold-100: #F5E9CC;
  --lb-color-gold-300: #E6C98A;
  --lb-color-gold-500: #C7A47A;
  --lb-color-gold-600: #B08A58;
  --lb-color-gold-700: #8A6A1A;
  --lb-color-gold-900: #4A3810;

  /* ---------- Accent ---------- */
  --lb-color-accent-emerald: #1E7A4F;
  --lb-color-accent-ruby:    #B23A48;

  /* ---------- Glass ---------- */
  --lb-gold-glass:        rgba(199,164,122,0.08);
  --lb-gold-glass-strong: rgba(199,164,122,0.18);
  --lb-glass-light:       rgba(255,255,255,.65);
  --lb-glass-dark:        rgba(15,20,25,.55);

  /* ---------- Typography ---------- */
  --lb-font-display: 'Newsreader', 'Source Serif 4', Georgia, serif;
  --lb-font-body:    'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --lb-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --lb-fs-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --lb-fs-sm:   clamp(0.875rem, 0.84rem + 0.17vw, 0.9375rem);
  --lb-fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --lb-fs-lg:   clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);
  --lb-fs-xl:   clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --lb-fs-2xl:  clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --lb-fs-3xl:  clamp(1.875rem, 1.6rem + 1.4vw, 2.5rem);
  --lb-fs-4xl:  clamp(2.25rem, 1.8rem + 2.2vw, 3.5rem);
  --lb-fs-5xl:  clamp(2.75rem, 2rem + 3.8vw, 5rem);

  --lb-lh-tight:   1.08;
  --lb-lh-snug:    1.2;
  --lb-lh-normal:  1.55;
  --lb-lh-relaxed: 1.7;

  --lb-ls-display: -0.022em;
  --lb-ls-caps:    0.14em;
  --lb-ls-body:    -0.005em;

  /* ---------- Spacing (8px) ---------- */
  --lb-space-1: 4px;
  --lb-space-2: 8px;
  --lb-space-3: 12px;
  --lb-space-4: 16px;
  --lb-space-5: 24px;
  --lb-space-6: 32px;
  --lb-space-7: 48px;
  --lb-space-8: 64px;
  --lb-space-9: 96px;
  --lb-space-10: 128px;

  /* ---------- Section rhythm ---------- */
  --lb-section-y:        clamp(48px, 8vw, 120px);
  --lb-container:        min(1180px, 100% - 48px);
  --lb-container-narrow: min(720px, 100% - 32px);
  --lb-container-wide:   min(1360px, 100% - 32px);

  /* ---------- Radius ---------- */
  --lb-radius-xs:   6px;
  --lb-radius-sm:   10px;
  --lb-radius-md:   14px;
  --lb-radius-lg:   20px;
  --lb-radius-xl:   28px;
  --lb-radius-pill: 999px;

  /* ---------- Shadow (layered) ---------- */
  --lb-shadow-xs:    0 1px 2px rgba(10,10,12,0.04);
  --lb-shadow-sm:    0 1px 2px rgba(10,10,12,0.05), 0 2px 4px rgba(10,10,12,0.04);
  --lb-shadow-md:    0 4px 8px -2px rgba(10,10,12,0.06), 0 10px 20px -8px rgba(10,10,12,0.08);
  --lb-shadow-lg:    0 8px 16px -4px rgba(10,10,12,0.07), 0 24px 48px -12px rgba(10,10,12,0.12);
  --lb-shadow-xl:    0 16px 32px -8px rgba(10,10,12,0.08), 0 40px 80px -20px rgba(10,10,12,0.18);
  --lb-shadow-gold:  0 8px 24px -8px rgba(199,164,122,0.35), 0 2px 6px rgba(199,164,122,0.15);
  --lb-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.08);

  /* ---------- Motion ---------- */
  --lb-ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --lb-ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --lb-ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --lb-dur-fast:     160ms;
  --lb-dur-base:     240ms;
  --lb-dur-slow:     420ms;
  --lb-dur-xslow:    720ms;

  /* ---------- Borders ---------- */
  --lb-border-hair:   1px solid rgba(42,36,32,0.08);
  --lb-border-gold:   1px solid rgba(199,164,122,0.24);
  --lb-border-strong: 1px solid rgba(42,36,32,0.14);

  /* ---------- Gradient + shine (premium) ---------- */
  --lb-gold-grad: linear-gradient(135deg, var(--lb-color-gold-500) 0%, var(--lb-color-gold-300) 50%, var(--lb-color-gold-700) 100%);
  --lb-dark-grad: linear-gradient(180deg, var(--lb-color-ink-900) 0%, var(--lb-color-ink-800) 100%);
  --lb-shine:     linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);
  --lb-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* ---------- Geriye dönük alias'lar (eski CSS/pattern'ler bozulmasın) ---------- */
  --lb-ease:    var(--lb-ease-out);
  --lb-ease-lux: var(--lb-ease-out);
  --lb-t-fast:  var(--lb-dur-fast) var(--lb-ease-out);
  --lb-t-base:  var(--lb-dur-base) var(--lb-ease-out);
  --lb-t-lux:   var(--lb-dur-slow) var(--lb-ease-out);
}

/* ============================================================
   PREMIUM KATMAN — Editorial Gold design language
   ============================================================ */

/* Noise: kaldırıldı (kitsch) — sadece opt-in .has-noise--subtle isterse çok düşük opacity */
.has-noise::before{ display: none; }
.has-noise--subtle{ position: relative; }
.has-noise--subtle::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--lb-noise);
  opacity: .05;
  pointer-events: none;
  mix-blend-mode: multiply;
  z-index: 0;
}

/* Gold glow (multi-layer shadow) */
.has-gold-glow{
  box-shadow: 0 0 0 1px rgba(212,175,55,.35),
              0 12px 32px -12px rgba(212,175,55,.45),
              0 24px 56px -20px rgba(212,175,55,.25);
}

/* Glass cards */
.is-style-glass{
  background: var(--lb-glass-light);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 20px;
  box-shadow: 0 1px 0 rgba(255,255,255,.4) inset,
              0 20px 40px -24px rgba(15,20,25,.2);
  padding: 32px;
}
.is-style-glass-dark{
  background: var(--lb-glass-dark);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(212,175,55,.22);
  border-radius: 20px;
  color: #e9ecef;
  box-shadow: 0 1px 0 rgba(244,211,94,.1) inset,
              0 24px 48px -24px rgba(0,0,0,.6);
  padding: 32px;
}

/* Scroll-triggered reveal — JS IntersectionObserver tarafından tetiklenir */
.reveal{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s var(--lb-ease-lux), transform .7s var(--lb-ease-lux);
  will-change: opacity, transform;
}
.reveal.is-in{ opacity: 1; transform: translateY(0); }
.reveal-delay-1{ transition-delay: .08s; }
.reveal-delay-2{ transition-delay: .16s; }
.reveal-delay-3{ transition-delay: .24s; }
.reveal-delay-4{ transition-delay: .32s; }

/* Kinetic display heading — light bg default, dark bg altın gradient */
.is-kinetic{
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 300;
  letter-spacing: -0.035em;
  line-height: .98;
  background: linear-gradient(180deg, var(--wp--preset--color--ink, #1A1513) 0%, var(--wp--preset--color--gold-dark, #8A6A1A) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* Dark body/surface üstünde kontrast için altın-ivory gradient */
@media (prefers-color-scheme: dark){
  .is-kinetic{
    background: linear-gradient(180deg, var(--wp--preset--color--gold-light, #E8D2A8) 0%, var(--wp--preset--color--gold, #C7A47A) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
.is-style-surface-dark .is-kinetic,
[class*="has-ink-"] .is-kinetic{
  background: linear-gradient(180deg, var(--wp--preset--color--gold-light, #E8D2A8) 0%, var(--wp--preset--color--gold, #C7A47A) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.is-kinetic em{
  font-style: italic;
  font-weight: 400;
  /* Serif italic için letter-spacing agresif olmamalı — audit 3.5 */
  letter-spacing: -0.02em;
  background: var(--lb-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Header sticky + scroll shadow */
.lb-header{
  position: sticky;
  top: 0;
  z-index: 100;
  transition: box-shadow var(--lb-t-lux), backdrop-filter var(--lb-t-lux);
}
.lb-header.is-scrolled{
  box-shadow: 0 1px 0 rgba(15,20,25,.04), 0 10px 24px -14px rgba(15,20,25,.18);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
}
.lb-header.is-scrolled > .wp-block-group{
  background-color: rgba(255,255,255,.85);
}

/* Reading progress bar — sadece yazı sayfasında, JS tarafından güncellenir */
.lb-reading-progress{
  position: fixed;
  top: 0; left: 0;
  width: 0;
  height: 3px;
  background: var(--lb-gold-grad);
  z-index: 10000;
  transition: width .1s linear;
  box-shadow: 0 0 8px rgba(244,211,94,.6);
}

/* Navigation link underline slide */
.wp-block-navigation-item a{
  position: relative;
  transition: color var(--lb-t-fast);
}
.wp-block-navigation-item a::after{
  content: "";
  position: absolute;
  left: 0; bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--lb-gold-grad);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--lb-t-lux);
}
.wp-block-navigation-item a:hover::after,
.wp-block-navigation-item.current-menu-item a::after{
  transform: scaleX(1);
  transform-origin: left;
}

/* Breadcrumb */
.lb-breadcrumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  letter-spacing: .04em;
  color: #8a94a3;
  margin: 16px 0 8px;
  padding-inline: var(--wp--style--root--padding-left, clamp(16px, 4vw, 32px));
  padding-block: 8px;
}
.lb-breadcrumb a{
  color: #4a5260;
  text-decoration: none;
  transition: color var(--lb-t-fast);
}
.lb-breadcrumb a:hover{ color: #8a6a1a; }
.lb-breadcrumb .sep{
  color: rgba(212,175,55,.5);
  font-size: 11px;
}
.lb-breadcrumb .current{
  color: #0f1419;
  font-weight: 600;
}

/* Accordion custom chevron (native details) */
.wp-block-details > summary,
details.wp-block-accordion-item > summary{
  position: relative;
  padding-inline-end: 40px;
  cursor: pointer;
  transition: color var(--lb-t-fast);
  list-style: none;
}
.wp-block-details > summary::-webkit-details-marker{ display: none; }
.wp-block-details > summary::after,
details.wp-block-accordion-item > summary::after{
  content: "";
  position: absolute;
  right: 8px; top: 50%;
  width: 10px; height: 10px;
  border-inline-end: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-70%) rotate(45deg);
  transition: transform var(--lb-t-lux);
}
.wp-block-details[open] > summary::after,
details.wp-block-accordion-item[open] > summary::after{
  transform: translateY(-30%) rotate(-135deg);
}
.wp-block-details[open] > summary{ color: #8a6a1a; }

/* Category chip underline slide (pattern chips) */
.locabet-category-chips .wp-block-categories a{
  position: relative;
  overflow: hidden;
}
.locabet-category-chips .wp-block-categories a::before{
  content: "";
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  height: 2px;
  background: var(--lb-gold-grad);
  transform: translateX(-101%);
  transition: transform var(--lb-t-lux);
}
.locabet-category-chips .wp-block-categories a:hover::before{
  transform: translateX(0);
}

/* 404 animated gradient text */
.locabet-404-title{
  background: linear-gradient(90deg, #0f1419, #d4af37, #f4d35e, #0f1419);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: lb-hue 8s ease-in-out infinite;
}
@keyframes lb-hue{
  0%, 100%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
}

/* Help-lines: sade, animasyon yok */
.locabet-help-number{
  font-family: var(--lb-font-display);
  color: var(--lb-color-ink-900);
  font-weight: 500;
}

/* Values grid icon container */
.lb-icon-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(244,211,94,.2) 0%, rgba(212,175,55,.1) 100%);
  border: 1px solid rgba(212,175,55,.3);
  color: #8a6a1a;
  margin-bottom: 16px;
  transition: transform var(--lb-t-lux), box-shadow var(--lb-t-lux);
}
.wp-block-group.is-style-card:hover .lb-icon-badge{
  transform: scale(1.08) rotate(-4deg);
  box-shadow: 0 12px 32px -12px rgba(212,175,55,.45);
}

/* Credentials badge (author) */
.lb-credentials-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(30,122,79,.1);
  color: #1e7a4f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.lb-credentials-badge::before{
  content: "✓";
  font-size: 10px;
}

/* ============================================================
   CINEMATIC HERO — animated mesh gradient (CSS only, GPU accelerated)
   ============================================================ */
.lb-hero-cinematic{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(at 15% 20%, rgba(232,210,168,.28) 0%, transparent 50%),
    radial-gradient(at 85% 30%, rgba(199,164,122,.2) 0%, transparent 45%),
    radial-gradient(at 50% 80%, rgba(138,106,26,.14) 0%, transparent 55%),
    linear-gradient(180deg, #FAFBFC 0%, #F4F0E8 100%);
}
.lb-hero-cinematic::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(232,210,168,.22) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 75%, rgba(199,164,122,.14) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}
.lb-hero-cinematic > *{ position: relative; z-index: 1; }

/* ============================================================
   MAGAZINE MASTHEAD — editorial publication signature
   ============================================================ */
.lb-masthead{
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 auto 32px;
  max-width: 640px;
  font-family: var(--wp--preset--font-family--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #8A6A1A;
}
.lb-masthead .line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,164,122,.6), transparent);
}
.lb-masthead .no{
  font-family: var(--wp--preset--font-family--serif);
  font-style: italic;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: none;
}

/* Section numbers — legacy (üstteki premium tanımı bu kuralı override ediyor) */

/* ============================================================
   STATS BAND — editorial numbers row
   ============================================================ */
.lb-stats{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid rgba(199,164,122,.22);
  border-bottom: 1px solid rgba(199,164,122,.22);
  padding: 40px 0;
}
.lb-stats-item{
  text-align: center;
  padding: 0 20px;
  border-inline-end: 1px solid rgba(199,164,122,.15);
}
.lb-stats-item:last-child{ border-inline-end: none; }
.lb-stats-value{
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1;
  background: var(--lb-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: block;
}
.lb-stats-label{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #8A6A1A;
  margin-top: 10px;
  display: block;
}
@media (max-width: 640px){
  .lb-stats{ grid-template-columns: repeat(2, 1fr); gap: 24px 0; }
  .lb-stats-item{ border-inline-end: none; padding: 16px 12px; }
  .lb-stats-item:nth-child(odd){ border-inline-end: 1px solid rgba(199,164,122,.15); }
}

/* ============================================================
   EDITORIAL TYPOGRAPHY TUNE — oversized kinetic
   ============================================================ */
.is-kinetic{
  font-weight: 200;
  letter-spacing: -0.05em;
}
.lb-display{
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(72px, 12vw, 180px);
  font-weight: 200;
  font-style: normal;
  letter-spacing: -0.055em;
  line-height: .94;
}
.lb-display em{
  font-style: italic;
  font-weight: 300;
  background: var(--lb-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Dramatic whitespace utility */
.has-whitespace-xl{ padding-top: clamp(80px, 12vw, 200px); padding-bottom: clamp(80px, 12vw, 200px); }

/* Gold thin divider */
.lb-divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,164,122,.5), transparent);
  border: none;
  margin: 64px auto;
  max-width: 320px;
}

/* ============================================================
   EDITORIAL — Drop cap, pull quote, byline, article ornament
   ============================================================ */

/* Drop cap — opt-in only (.lb-has-dropcap on post content wrapper) */
.lb-has-dropcap > p:first-of-type::first-letter{
  font-family: var(--lb-font-display);
  font-size: 4.8em;
  font-weight: 400;
  line-height: .88;
  float: left;
  padding: 6px 14px 0 0;
  color: var(--lb-color-ink-900);
  letter-spacing: -0.03em;
}

/* Pull quote — editorial emphasis */
.wp-block-pullquote{
  border: none;
  padding: 48px 32px;
  margin: 56px auto;
  max-width: 640px;
  text-align: center;
  position: relative;
}
.wp-block-pullquote::before{
  content: "\201C";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--wp--preset--font-family--serif);
  font-size: 120px;
  font-weight: 300;
  line-height: 1;
  color: rgba(199,164,122,.25);
  font-style: italic;
}
.wp-block-pullquote p{
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #1A1513;
}
.wp-block-pullquote cite{
  display: block;
  margin-top: 20px;
  font-family: var(--wp--preset--font-family--sans);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A6A1A;
}

/* Article byline — editorial meta band */
.lb-byline{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  padding: 20px 0;
  margin: 24px 0;
  border-top: 1px solid rgba(199,164,122,.22);
  border-bottom: 1px solid rgba(199,164,122,.22);
  font-size: 13px;
  letter-spacing: .04em;
}
.lb-byline-label{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A6A1A;
}
.lb-byline-value{ color: #3D352F; font-weight: 500; }
.lb-byline-sep{ color: rgba(199,164,122,.5); }

/* Reading time (chip) */
.lb-reading-time{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: #8A6A1A;
}
.lb-reading-time::before{
  content: "";
  display: inline-block;
  width: 12px; height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ============================================================
   ORNAMENTS — fleuron divider, editor's mark, paragraph ornament
   ============================================================ */
.lb-fleuron{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 72px auto;
  max-width: 480px;
  color: rgba(199,164,122,.6);
  font-family: var(--wp--preset--font-family--serif);
  font-style: italic;
}
.lb-fleuron::before,
.lb-fleuron::after{
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,164,122,.35), transparent);
}
.lb-fleuron-mark{
  font-size: 18px;
  letter-spacing: .4em;
}

/* Editor's mark (end of article) */
.lb-editors-mark{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 48px auto 24px;
  padding-top: 32px;
  border-top: 1px solid rgba(199,164,122,.22);
  max-width: 320px;
  font-family: var(--wp--preset--font-family--serif);
  font-style: italic;
  font-size: 14px;
  color: #8A6A1A;
}
.lb-editors-mark::before{
  content: "◆";
  color: #C7A47A;
  font-size: 10px;
}

/* ============================================================
   CARD — sade hover, dekorasyon yok
   ============================================================ */
.is-style-card{ position: relative; overflow: hidden; }

/* Featured image — subtle desaturate, hover normalize */
.locabet-guide-card .wp-block-post-featured-image img{
  filter: saturate(.92) contrast(1.02);
  transition: filter .4s var(--lb-ease-out);
}
.locabet-guide-card:hover .wp-block-post-featured-image img{
  filter: saturate(1.15) contrast(1);
  transform: scale(1.06);
}

/* Link arrow cascade */
a.lb-link-arrow,
.wp-block-post-excerpt__more-link{
  display: inline-block;
  position: relative;
  font-weight: 700;
  letter-spacing: .02em;
  color: #8A6A1A;
  text-decoration: none;
  overflow: hidden;
}
a.lb-link-arrow::after,
.wp-block-post-excerpt__more-link::after{
  content: " →";
  display: inline-block;
  transition: transform var(--lb-t-lux);
}
a.lb-link-arrow:hover::after,
.wp-block-post-excerpt__more-link:hover::after{
  transform: translateX(6px);
}

/* ============================================================
   TEXTURE LAYER — paper grain, marble, foil
   ============================================================ */
.has-paper{
  position: relative;
  background-color: #FAF7F2;
}
.has-paper::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .64 0 0 0 0 .48 0 0 0 .15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  opacity: .5;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.has-marble{
  position: relative;
  background:
    radial-gradient(at 20% 30%, rgba(232,210,168,.2) 0%, transparent 40%),
    radial-gradient(at 80% 60%, rgba(199,164,122,.15) 0%, transparent 50%),
    linear-gradient(135deg, #FAFBFC 0%, #F4F0E8 100%);
}
.has-marble::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='80'/%3E%3C/filter%3E%3Cg filter='url(%23m)' opacity='.08'%3E%3Cpath d='M0 400 Q200 300 400 400 T800 400' stroke='%238A6A1A' stroke-width='2' fill='none'/%3E%3Cpath d='M0 500 Q300 450 600 500 T800 500' stroke='%23C7A47A' stroke-width='1.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  opacity: .6;
  pointer-events: none;
}

.has-foil{
  position: relative;
  overflow: hidden;
}
.has-foil::after{
  content: "";
  position: absolute;
  inset: -50%;
  background: linear-gradient(105deg,
    transparent 40%,
    rgba(232,210,168,.1) 48%,
    rgba(255,255,255,.2) 50%,
    rgba(232,210,168,.1) 52%,
    transparent 60%
  );
  transform: translateX(-100%);
  transition: transform 1.2s var(--lb-ease-lux);
  pointer-events: none;
}
.has-foil:hover::after{ transform: translateX(100%); }

/* ============================================================
   MULTI-LAYER SHADOWS — Apple product page depth
   ============================================================ */
.has-shadow-luxury{
  box-shadow:
    0 1px 2px rgba(26,21,19,.04),
    0 4px 8px -2px rgba(26,21,19,.06),
    0 16px 32px -8px rgba(26,21,19,.1),
    0 48px 64px -24px rgba(26,21,19,.15);
}
.has-shadow-premium-gold{
  box-shadow:
    0 1px 2px rgba(199,164,122,.08),
    0 4px 12px -4px rgba(199,164,122,.2),
    0 16px 40px -12px rgba(199,164,122,.3),
    inset 0 1px 0 rgba(255,255,255,.4);
}

/* Upgrade default card shadow to luxury stack */
.wp-block-group.is-style-card{
  box-shadow:
    0 1px 0 rgba(26,21,19,.02),
    0 1px 3px rgba(26,21,19,.04),
    0 8px 16px -4px rgba(26,21,19,.06),
    0 20px 32px -16px rgba(26,21,19,.1);
}
.wp-block-group.is-style-card:hover{
  box-shadow:
    0 1px 2px rgba(26,21,19,.05),
    0 4px 8px -2px rgba(26,21,19,.08),
    0 16px 28px -8px rgba(26,21,19,.12),
    0 32px 48px -20px rgba(199,164,122,.2),
    0 0 0 1px rgba(199,164,122,.25);
}

/* ============================================================
   BASELINE GRID — vertical rhythm (golden ratio 1.618)
   ============================================================ */
.wp-block-post-content{
  --lb-rhythm: 1.7;
}
.wp-block-post-content p,
.wp-block-post-content li{ line-height: 1.72; }
.wp-block-post-content h2{ line-height: 1.15; margin-top: 2.4em; }
.wp-block-post-content h3{ line-height: 1.2; margin-top: 2em; }
.wp-block-post-content p{ margin-bottom: 1.4em; }

/* Optical letter-spacing at display sizes */
.lb-display,
h1.wp-block-heading[style*="clamp(56px"],
h1.wp-block-heading[style*="clamp(72px"]{
  letter-spacing: -0.055em;
}

/* ============================================================
   SIGNATURE BRAND MARK — ornamental logo dot
   ============================================================ */
.lb-brand-mark{
  display: inline-block;
  color: #C7A47A;
  font-size: 1.2em;
  line-height: 1;
  transform: translateY(-1px);
  margin: 0 .15em;
}
.lb-brand-mark::before{ content: "◆"; }

/* Signature at footer */
.locabet-footer .wp-block-site-title::before{
  content: "◆ ";
  color: #C7A47A;
  font-size: .7em;
  margin-inline-end: 4px;
  vertical-align: middle;
}

/* ============================================================
   NEWSLETTER SIGNUP
   ============================================================ */
.lb-newsletter{
  background: linear-gradient(135deg, #FAF7F2 0%, #F4F0E8 100%);
  border: 1px solid rgba(199,164,122,.22);
  border-radius: 24px;
  padding: 56px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.lb-newsletter::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(at 50% 0%, rgba(232,210,168,.3) 0%, transparent 50%);
  pointer-events: none;
}
.lb-newsletter > *{ position: relative; z-index: 1; }
.lb-newsletter-form{
  display: flex;
  gap: 8px;
  max-width: 440px;
  margin: 24px auto 12px;
}
.lb-newsletter-form input[type=email]{
  flex: 1;
  padding: 14px 18px;
  /* iOS Safari zoom engelle — 16px minimum */
  font-size: 16px;
  border: 1px solid rgba(199,164,122,.35);
  border-radius: 10px;
  background: #fff;
  outline: none;
  transition: border-color var(--lb-t-fast);
}
.lb-newsletter-form input[type=email]:focus{
  border-color: #C7A47A;
  box-shadow: 0 0 0 3px rgba(199,164,122,.15);
}
.lb-newsletter-form button{
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #1A1513;
  background: var(--lb-gold-grad);
  border: 1px solid rgba(199,164,122,.6);
  border-radius: 10px;
  cursor: pointer;
  transition: transform var(--lb-t-fast);
}
.lb-newsletter-form button:hover{ transform: translateY(-1px); }

/* ============================================================
   POPULAR TAGS CLOUD (sidebar)
   ============================================================ */
.lb-tag-cloud a{
  display: inline-block;
  padding: 4px 10px;
  margin: 3px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: #8A6A1A;
  background: rgba(199,164,122,.08);
  border: 1px solid rgba(199,164,122,.2);
  border-radius: 999px;
  text-decoration: none;
  transition: all var(--lb-t-fast);
}
.lb-tag-cloud a:hover{
  background: var(--lb-gold-grad);
  color: #1A1513;
  border-color: transparent;
}

/* ============================================================
   STICKY AUTHOR CARD (single, desktop only)
   ============================================================ */
@media (min-width: 1200px){
  .lb-sticky-author{
    position: sticky;
    top: 100px;
    align-self: flex-start;
  }
}

/* ============================================================
   MOODBOARD GALLERY (masonry-like)
   ============================================================ */
.lb-moodboard{
  column-count: 3;
  column-gap: 20px;
  margin: 48px 0;
}
.lb-moodboard-item{
  break-inside: avoid;
  margin-bottom: 20px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #f4f0e8;
  transition: transform var(--lb-t-lux), box-shadow var(--lb-t-lux);
}
.lb-moodboard-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -16px rgba(26,21,19,.2);
}
.lb-moodboard-item img{
  width: 100%;
  display: block;
  filter: saturate(.9);
  transition: filter .4s var(--lb-ease-lux);
}
.lb-moodboard-item:hover img{ filter: saturate(1.1); }
.lb-moodboard-caption{
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 16px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.005em;
  background: linear-gradient(180deg, transparent 0%, rgba(26,21,19,.85) 100%);
  opacity: 0;
  transform: translateY(8px);
  transition: all var(--lb-t-lux);
}
.lb-moodboard-item:hover .lb-moodboard-caption{
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 900px){ .lb-moodboard{ column-count: 2; } }
@media (max-width: 600px){ .lb-moodboard{ column-count: 1; } }

/* ============================================================
   404 — animated geometric art (inline SVG friendly)
   ============================================================ */
.lb-404-art{
  display: block;
  margin: 32px auto;
  max-width: 200px;
  opacity: .8;
}

/* ============================================================
   VIEW TRANSITIONS API (Chrome 111+, Safari 18+) — sayfa geçişleri
   ============================================================ */
@view-transition{ navigation: auto; }
::view-transition-old(root){
  animation: 240ms cubic-bezier(.4, 0, .2, 1) both lb-vt-fade-out;
}
::view-transition-new(root){
  animation: 280ms cubic-bezier(.22, 1, .36, 1) both lb-vt-fade-in;
}
@keyframes lb-vt-fade-out{
  from{ opacity: 1; }
  to{ opacity: 0; transform: translateY(-8px); }
}
@keyframes lb-vt-fade-in{
  from{ opacity: 0; transform: translateY(12px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* Copy code button */
.lb-copy-btn{
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  background: rgba(199,164,122,.2);
  border: 1px solid rgba(199,164,122,.4);
  border-radius: 6px;
  color: #E8D2A8;
  cursor: pointer;
  transition: all .2s;
  opacity: 0;
}
pre:hover .lb-copy-btn,
.wp-block-code:hover .lb-copy-btn{ opacity: 1; }
.lb-copy-btn:hover{ background: rgba(199,164,122,.35); }

/* ============================================================
   LIVE SEARCH DROPDOWN
   ============================================================ */
.lb-live-search-results{
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid rgba(199,164,122,.25);
  border-radius: 12px;
  box-shadow: 0 20px 48px -16px rgba(26,21,19,.18);
  max-height: 420px;
  overflow-y: auto;
  z-index: 200;
}
.lb-live-search-item{
  display: block;
  padding: 14px 18px;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid rgba(199,164,122,.12);
  transition: background .15s;
}
.lb-live-search-item:last-child{ border-bottom: none; }
.lb-live-search-item:hover{ background: rgba(199,164,122,.06); }
.lb-lss-cat{
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8A6A1A;
  margin-bottom: 3px;
}
.lb-lss-title{
  display: block;
  font-family: 'Newsreader', serif;
  font-size: 16px;
  font-weight: 600;
  color: #1A1513;
  margin-bottom: 3px;
}
.lb-lss-excerpt{
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #4a5260;
}
.lb-live-search-empty{
  padding: 24px;
  text-align: center;
  color: #8a94a3;
  font-size: 13px;
}

/* ============================================================
   LOAD MORE BUTTON
   ============================================================ */
.lb-load-more{
  display: block;
  margin: 48px auto;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #8A6A1A;
  background: transparent;
  border: 1.5px solid rgba(199,164,122,.4);
  border-radius: 999px;
  cursor: pointer;
  transition: all .2s;
}
.lb-load-more:hover{
  background: var(--lb-gold-grad);
  color: #1A1513;
  border-color: transparent;
  transform: translateY(-1px);
}
.lb-load-more:disabled{ opacity: .6; cursor: wait; }

/* ============================================================
   BOTTOM NAVIGATION (mobile only)
   ============================================================ */
.lb-bottom-nav{
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: rgba(26,21,19,.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(199,164,122,.3);
  padding: 10px 8px calc(10px + env(safe-area-inset-bottom));
  z-index: 90;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px){
  .lb-bottom-nav{ display: grid; }
  body{ padding-bottom: 68px; }
  .lb-scroll-top{ bottom: 76px; }
}
.lb-bottom-nav a{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 4px;
  text-decoration: none;
  color: #aab3c0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  transition: color .2s;
}
.lb-bottom-nav a:hover,
.lb-bottom-nav a.is-active{ color: #E8D2A8; }
.lb-bottom-nav svg{ width: 20px; height: 20px; }

/* ============================================================
   SCROLL-TO-TOP BUTTON
   ============================================================ */
.lb-scroll-top{
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(199,164,122,.4);
  background: var(--lb-gold-grad);
  color: #1A1513;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px -8px rgba(199,164,122,.5);
  cursor: pointer;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity var(--lb-t-lux), transform var(--lb-t-lux), box-shadow var(--lb-t-fast);
  z-index: 99;
}
.lb-scroll-top.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.lb-scroll-top:hover{
  box-shadow: 0 12px 32px -8px rgba(199,164,122,.7);
}
@media (max-width: 600px){
  .lb-scroll-top{ right: 16px; bottom: 16px; width: 44px; height: 44px; }
}

/* ============================================================
   #18 CSS CONTAINER QUERIES — parent width'e göre adapt
   ============================================================ */

/* Kartları container haline getir */
.wp-block-column,
.wp-block-group.alignwide,
.wp-block-query > .wp-block-post-template > .wp-block-post{
  container-type: inline-size;
  container-name: lb-card;
}

/* Locabet guide card — container'a göre farklı render */
@container lb-card (max-width: 320px){
  .locabet-guide-card .wp-block-post-featured-image img{ height: 140px; }
  .locabet-guide-card .wp-block-post-title a{ font-size: 16px; }
  .locabet-guide-card .wp-block-post-excerpt{ display: none; }
}
@container lb-card (min-width: 321px) and (max-width: 480px){
  .locabet-guide-card .wp-block-post-featured-image img{ height: 180px; }
}
@container lb-card (min-width: 481px){
  .locabet-guide-card .wp-block-post-featured-image img{ height: 240px; }
}

/* Hero container — compact sidebar hero vs full-bleed */
.lb-hero-cinematic{
  container-type: inline-size;
  container-name: lb-hero;
}
@container lb-hero (max-width: 600px){
  .lb-hero-cinematic .lb-display{ font-size: clamp(48px, 10vw, 72px); }
  .lb-masthead{ gap: 10px; font-size: 9px; }
  .lb-stats{ grid-template-columns: repeat(2, 1fr); }
}

/* Sidebar within single — premium-cta compact when narrow */
.locabet-premium-cta{
  container-type: inline-size;
  container-name: lb-cta;
}
@container lb-cta (max-width: 360px){
  .locabet-premium-cta{ padding: 24px 20px; }
  .locabet-premium-cta h2,
  .locabet-premium-cta h3{ font-size: clamp(20px, 6cqi, 28px) !important; }
}

/* ============================================================
   #20 CSS :has() — ADVANCED CONDITIONAL STYLING
   ============================================================ */

/* Yazı içinde premium-cta varsa önünde extra spacing */
article:has(.locabet-premium-cta){
  padding-bottom: 40px;
}

/* Kartın resmi varsa içerik daha aşağı başlasın */
.wp-block-group.is-style-card:has(img){
  padding-top: 0;
}
.wp-block-group.is-style-card:has(img) > .wp-block-group{
  padding-top: 20px;
}

/* Heading'in ardından hemen liste varsa margin-top azalt */
h2 + ul,
h2 + ol,
h3 + ul,
h3 + ol{
  margin-top: -0.8em;
}

/* Kart içinde video/iframe varsa aspect-ratio koru */
.wp-block-group.is-style-card:has(iframe, video){
  overflow: hidden;
}
.wp-block-group.is-style-card:has(iframe, video) iframe,
.wp-block-group.is-style-card:has(iframe, video) video{
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Form'da error class varsa submit kilitli görün */
form:has(input:invalid) button[type=submit]{
  opacity: .55;
  cursor: not-allowed;
}

/* Figure'de caption varsa image alt köşe gold accent */
figure:has(figcaption){
  position: relative;
}
figure:has(figcaption)::before{
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 48px; height: 3px;
  background: var(--lb-gold-grad);
}

/* Details açık olanları highlight */
.wp-block-details:has([open]){
  background: linear-gradient(180deg, transparent, rgba(199,164,122,.05));
}

/* Link grup — son item'a border yok */
.lb-bookmarks-list:has(a) a:last-child{
  border-bottom: none;
}

/* Yorum alanında gif/image varsa farklı layout */
.comment-content:has(img){
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Ana sayfa hero'da stats-band varsa hero alt padding azalt */
.lb-hero-cinematic:has(.lb-stats){
  padding-bottom: clamp(60px, 6vw, 100px);
}

/* Single yazıda pull-quote sonrası paragraph indent */
.wp-block-pullquote + p{
  text-indent: 1.5em;
  font-style: italic;
  color: #3D352F;
}

/* Figure galerisinde 3+ image varsa grid'e dön */
.wp-block-gallery:has(figure:nth-child(3)){
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

/* ============================================================
   ENGAGEMENT LAYER — Glossary popover, Lightbox, Exit-intent, PWA install, Whatsapp, Rating stars
   ============================================================ */

/* #5 Glossary popover */
.lb-term-pop{
  border-bottom: 1px dotted rgba(199,164,122,.5);
  cursor: help;
  color: #8A6A1A;
  font-weight: 500;
}
.lb-glossary-popover{
  position: absolute;
  z-index: 1000;
  max-width: 280px;
  padding: 14px 16px;
  background: #1A1513;
  color: #e9ecef;
  border-radius: 10px;
  box-shadow: 0 16px 32px -12px rgba(0,0,0,.4);
  font-size: 13px;
  line-height: 1.5;
}
.lb-glossary-popover strong{ color: #E8D2A8; display: block; margin-bottom: 4px; font-family: 'Newsreader', serif; }
.lb-glossary-popover p{ margin: 0 0 8px; }
.lb-glossary-popover a{ color: #E8D2A8; font-size: 12px; text-decoration: none; }
.lb-glossary-popover a:hover{ text-decoration: underline; }

/* #6 Lightbox — sadece .is-open ile açılır; her durumda gizli fallback */
.lb-lightbox{
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15,20,25,.95);
  align-items: center;
  justify-content: center;
  z-index: 9998;
  cursor: zoom-out;
  padding: 40px;
  animation: lb-fade-in .25s var(--lb-ease-lux);
}
.lb-lightbox:not(.is-open){ display: none !important; }
.lb-lightbox img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 24px 64px -16px rgba(0,0,0,.6);
}
.lb-lightbox-close{
  position: absolute;
  top: 24px; right: 24px;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes lb-fade-in{ from{opacity:0} to{opacity:1} }
/* Lightbox sadece is-open class'ıyla açılır; [hidden] her durumda gizler. */
.lb-lightbox.is-open{ display: flex; }
.lb-lightbox[hidden]{ display: none !important; }

/* ============================================================
   HERO — tüm media kuralları EDITORIAL RESTRAINT bölümünde
   (aşağıda). Burada duplicate rule yok; cascade deterministik.
   ============================================================ */
.lb-hero-cinematic .is-style-chip,
.lb-hero-cinematic .lb-masthead,
.locabet-hero-centered .is-style-chip{
  color: var(--wp--preset--color--gold-dark, #8A6A1A);
}

/* Homepage — front-page'deki "Ana Sayfa" post title'ını gizle */
body.home main > .wp-block-post-title,
body.home .is-homepage > .wp-block-post-title,
body.page-template-home .wp-block-post-title.is-front-page-title,
main.is-homepage > .wp-block-post-title{
  display: none !important;
}

/* #13 Exit intent modal */
.lb-exit-modal{
  position: fixed;
  inset: 0;
  background: rgba(15,20,25,.7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9997;
  padding: 20px;
  animation: lb-fade-in .3s var(--lb-ease-lux);
}
.lb-exit-card{
  position: relative;
  background: #fff;
  max-width: 480px;
  border-radius: 20px;
  padding: 40px 32px;
  box-shadow: 0 32px 64px -24px rgba(0,0,0,.4);
  animation: lb-pop .35s var(--lb-ease-lux);
}
@keyframes lb-pop{
  from{ transform: scale(.95) translateY(20px); opacity: 0; }
  to{ transform: scale(1) translateY(0); opacity: 1; }
}
.lb-exit-close{
  position: absolute;
  top: 12px; right: 12px;
  width: 32px; height: 32px;
  background: transparent;
  border: none;
  color: #999;
  font-size: 24px;
  cursor: pointer;
}
.lb-exit-card form{
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.lb-exit-card input{
  flex: 1;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid rgba(199,164,122,.35);
  border-radius: 8px;
  outline: none;
}
.lb-exit-card button[type=submit]{
  padding: 12px 20px;
  font-weight: 700;
  background: var(--lb-gold-grad);
  border: 1px solid rgba(199,164,122,.6);
  color: #1A1513;
  border-radius: 8px;
  cursor: pointer;
}

/* #14 WhatsApp float */
.lb-whatsapp-float{
  position: fixed;
  right: 24px;
  bottom: 84px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 32px -8px rgba(37,211,102,.5);
  z-index: 89;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  animation: lb-pulse-soft 3s ease-in-out infinite;
}
.lb-whatsapp-float:hover{
  transform: scale(1.08);
  box-shadow: 0 16px 40px -8px rgba(37,211,102,.7);
}
@keyframes lb-pulse-soft{
  0%, 100%{ box-shadow: 0 12px 32px -8px rgba(37,211,102,.5); }
  50%{ box-shadow: 0 12px 32px -8px rgba(37,211,102,.5), 0 0 0 12px rgba(37,211,102,.15); }
}
@media (max-width: 600px){
  .lb-whatsapp-float{ right: 16px; bottom: 84px; width: 52px; height: 52px; }
}

/* #19 PWA install banner */
.lb-pwa-install{
  position: fixed;
  left: 16px; right: 16px; bottom: 16px;
  max-width: 480px;
  margin: 0 auto;
  background: linear-gradient(135deg, #FAF7F2, #F4F0E8);
  border: 1px solid rgba(199,164,122,.4);
  border-radius: 14px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 24px 48px -16px rgba(26,21,19,.25);
  z-index: 9990;
  animation: lb-cookie-slide .4s var(--lb-ease-lux);
}
.lb-pwa-icon{
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--lb-gold-grad);
  color: #1A1513;
  font-size: 20px;
  flex-shrink: 0;
}
.lb-pwa-text{ flex: 1; font-size: 13px; line-height: 1.4; }
.lb-pwa-text strong{ display: block; color: #1A1513; margin-bottom: 2px; }
.lb-pwa-text span{ color: #4a5260; font-size: 12px; }
.lb-pwa-install-btn{
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  background: #1A1513;
  color: #E8D2A8;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.lb-pwa-dismiss{
  background: transparent;
  border: none;
  color: #999;
  font-size: 22px;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

/* #3 Rating stars hover */
.lb-star:hover{ transform: scale(1.1); }

/* TOC scroll spy active state */
.is-style-methodology ol li a.is-active{
  color: #8A6A1A;
  font-weight: 700;
}
.is-style-methodology ol li a.is-active::before{
  content: "▸ ";
  color: #C7A47A;
}

/* ============================================================
   COOKIE CONSENT BANNER
   ============================================================ */
.lb-cookie-banner{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 560px;
  margin: 0 auto;
  background: rgba(26,21,19,.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #e9ecef;
  border: 1px solid rgba(199,164,122,.3);
  border-radius: 16px;
  padding: 20px 24px;
  box-shadow: 0 24px 48px -16px rgba(0,0,0,.4);
  z-index: 9999;
  animation: lb-cookie-slide .4s var(--lb-ease-lux);
}
@keyframes lb-cookie-slide{
  from{ opacity: 0; transform: translateY(24px); }
  to{ opacity: 1; transform: translateY(0); }
}
.lb-cookie-inner{
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lb-cookie-text{
  font-size: 13px;
  line-height: 1.55;
  flex: 1;
  min-width: 240px;
}
.lb-cookie-text strong{ color: #f4d35e; display: block; margin-bottom: 4px; }
.lb-cookie-text a{ color: #f4d35e; text-decoration: underline; }
.lb-cookie-actions{ display: flex; gap: 8px; flex-wrap: wrap; }
.lb-cookie-actions button{
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  border-radius: 8px;
  cursor: pointer;
  transition: all var(--lb-t-fast);
}
.lb-cookie-reject{
  background: transparent;
  border: 1px solid rgba(199,164,122,.4);
  color: #C7A47A;
}
.lb-cookie-reject:hover{ background: rgba(199,164,122,.08); }
.lb-cookie-accept{
  background: var(--lb-gold-grad);
  border: 1px solid rgba(199,164,122,.6);
  color: #1A1513;
}
.lb-cookie-accept:hover{ transform: translateY(-1px); }

/* ============================================================
   AUTO DARK MODE (prefers-color-scheme)
   Not: Bu varyasyon WordPress style variation'larından bağımsız çalışır.
   ============================================================ */
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]){
    color-scheme: dark;
  }
  html:not([data-theme="light"]) body{
    background: #0F0F10;
    color: #F5EFE3;
  }
  html:not([data-theme="light"]) .lb-header,
  html:not([data-theme="light"]) .lb-header.is-scrolled > .wp-block-group{
    background-color: rgba(26,21,19,.9) !important;
  }
  html:not([data-theme="light"]) .wp-block-group.is-style-card{
    background: #252019;
    border-color: rgba(199,164,122,.15);
    color: #e9ecef;
  }
  html:not([data-theme="light"]) a{ color: #E8D2A8; }
}

/* ============================================================
   PRINT STYLES — PDF export uyumlu
   ============================================================ */
@media print{
  body{
    background: #fff;
    color: #000;
    font-size: 11pt;
    line-height: 1.5;
  }
  .lb-header,
  .lb-topbar,
  .locabet-footer,
  .lb-scroll-top,
  .lb-cookie-banner,
  .lb-reading-progress,
  .lb-share,
  .wp-block-navigation,
  .wp-block-comments,
  .locabet-premium-cta,
  .wp-block-group.is-style-dark-strip,
  .reveal{
    display: none !important;
  }
  .reveal{ opacity: 1; transform: none; }
  a{ color: #000; text-decoration: underline; }
  a[href]:after{
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #666;
  }
  .wp-block-post-title{
    font-size: 22pt;
    margin-top: 0;
    page-break-after: avoid;
  }
  h2, h3{ page-break-after: avoid; }
  p, li{ orphans: 3; widows: 3; }
  .wp-block-post-featured-image img{
    max-width: 100%;
    page-break-inside: avoid;
  }
  .wp-block-group.is-style-card{
    border: 1px solid #999;
    box-shadow: none;
    padding: 12pt;
    page-break-inside: avoid;
  }
}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  .reveal,
  .reveal.is-in,
  .wp-block-group.is-style-card,
  .locabet-guide-card .wp-block-post-featured-image img,
  .locabet-404-title,
  .locabet-help-number,
  .lb-header,
  .lb-hero-cinematic::before{
    animation: none;
    transition: none;
  }
  .reveal{ opacity: 1; transform: none; }
}

/* Erişilebilirlik — Skip link (WCAG 2.1 A) */
.skip-link.screen-reader-text{
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link.screen-reader-text:focus{
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 20px;
  background: var(--lb-gold-grad);
  color: #1a1208;
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 8px 24px -8px rgba(0,0,0,.3);
}

/* Erişilebilirlik — klavye odak halkası */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: 2px solid #d4af37;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Premium altın buton — sade: solid gradient + 2 katmanlı shadow, shine yok */
.wp-block-button.is-style-premium-gold .wp-block-button__link{
  position: relative;
  background: var(--lb-gold-grad);
  color: var(--lb-color-ink-900);
  border: 1px solid rgba(199,164,122,.5);
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: var(--lb-shadow-sm);
  padding: 14px 28px;
  transition: transform var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out);
}
.wp-block-button.is-style-premium-gold .wp-block-button__link:hover{
  transform: translateY(-1px);
  box-shadow: var(--lb-shadow-md);
}

/* Dış çizgi altın stili (ikincil CTA) */
.wp-block-button.is-style-gold-outline .wp-block-button__link{
  background: transparent;
  color: #d4af37;
  border: 1.5px solid rgba(212,175,55,.5);
  font-weight: 700;
}
.wp-block-button.is-style-gold-outline .wp-block-button__link:hover{
  border-color: #d4af37;
  background: rgba(212,175,55,.08);
}

/* Başlık — altın vurgu */
.wp-block-heading.is-style-gold-accent{
  background: var(--lb-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* Başlık — çerçeveli küçük etiket (media-aware WCAG AA) */
.wp-block-heading.is-style-chip{
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 8px 14px;
  border: 1px solid currentColor;
  border-radius: 999px;
  margin-bottom: 0;
}
@media (prefers-color-scheme: light){
  .wp-block-heading.is-style-chip{
    color: var(--wp--preset--color--gold-dark, #8A6A1A);
    background: rgba(138,106,26,.08);
  }
}
@media (prefers-color-scheme: dark){
  .wp-block-heading.is-style-chip{
    color: var(--wp--preset--color--gold-light, #E8D2A8);
    background: rgba(15,15,16,.5);
  }
}

/* Grup — kart varyasyonu */
.wp-block-group.is-style-card{
  background: #ffffff;
  border: 1px solid #e6e8ec;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 1px 0 rgba(0,0,0,.02), 0 8px 24px -16px rgba(15,20,25,.12);
}
.wp-block-group.is-style-card-dark{
  background: var(--lb-dark-grad);
  color: #e9ecef;
  border: 1px solid rgba(212,175,55,.25);
  border-radius: 16px;
  padding: 32px;
}
.wp-block-group.is-style-card-dark h1,
.wp-block-group.is-style-card-dark h2,
.wp-block-group.is-style-card-dark h3,
.wp-block-group.is-style-card-dark h4{ color: #f4d35e; }

/* Grup — metodoloji kutusu */
.wp-block-group.is-style-methodology{
  background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%);
  border-inline-start: 3px solid #d4af37;
  border-radius: 8px;
  padding: 24px 28px;
}

/* Grup — uyarı kutusu (18+, sorumlu oyun) */
.wp-block-group.is-style-alert{
  background: #fff8e6;
  border: 1px solid #f4d35e;
  border-radius: 12px;
  padding: 20px 24px;
  color: #3d2f0a;
}

/* Grup — koyu şerit (footer CTA, section ayırıcı) */
.wp-block-group.is-style-dark-strip{
  background: var(--lb-dark-grad);
  color: #e9ecef;
  padding: 64px 32px;
  border-radius: 0;
}

/* Rehber kartı — premium hover */
.wp-block-group.is-style-card{
  transition: transform var(--lb-t-base), box-shadow var(--lb-t-base), border-color var(--lb-t-base);
}
.wp-block-group.is-style-card:hover{
  transform: translateY(-3px);
  border-color: rgba(212,175,55,.4);
  box-shadow: 0 2px 0 rgba(0,0,0,.02), 0 18px 36px -20px rgba(15,20,25,.2),
              0 0 0 1px rgba(212,175,55,.15);
}

.locabet-guide-card .wp-block-post-featured-image{
  display: block;
  overflow: hidden;
}
.locabet-guide-card .wp-block-post-featured-image img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform .6s var(--lb-ease);
}
.locabet-guide-card:hover .wp-block-post-featured-image img{
  transform: scale(1.04);
}
.locabet-guide-card .wp-block-post-title a{
  color: #0f1419;
  text-decoration: none;
  transition: color var(--lb-t-fast);
}
.locabet-guide-card:hover .wp-block-post-title a{ color: #8a6a1a; }

/* Kategori chip — premium layer'da tanımlı, burada sadece base reset */
.wp-block-post-terms a,
.wp-block-categories a{
  display: inline-block;
  text-decoration: none;
  margin-inline-end: 4px;
}

/* Kategori pill listesi — category-chips pattern için */
.locabet-category-chips .wp-block-categories.is-style-pill-list,
.locabet-category-chips .wp-block-categories{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.locabet-category-chips .wp-block-categories li{
  margin: 0;
}
.locabet-category-chips .wp-block-categories a{
  font-size: 13px;
  letter-spacing: .06em;
  padding: 10px 18px;
  background: #ffffff;
  border: 1px solid #e6e8ec;
  color: #4a5260;
  font-weight: 600;
  text-transform: none;
}
.locabet-category-chips .wp-block-categories a:hover{
  background: var(--lb-gold-grad);
  border-color: rgba(212,175,55,.6);
  color: #1a1208;
  box-shadow: 0 8px 22px -14px rgba(212,175,55,.55);
}

/* Premium CTA — blok pattern'de kullanılan dış kutu */
.locabet-premium-cta{
  position: relative;
  overflow: hidden;
  background: var(--lb-dark-grad);
  border: 1px solid rgba(212,175,55,.3);
  border-radius: 20px;
  padding: 44px 48px;
  color: #e9ecef;
}
.locabet-premium-cta::before{
  content: "";
  position: absolute; inset: -50% -50% auto auto;
  width: 140%; height: 200%;
  background: radial-gradient(ellipse at center, rgba(212,175,55,.18) 0%, transparent 55%);
  pointer-events: none;
}
.locabet-premium-cta.is-compact{
  padding: 28px 24px;
  border-radius: 16px;
}
.locabet-premium-cta.is-compact::before{
  background: radial-gradient(ellipse at center, rgba(212,175,55,.14) 0%, transparent 60%);
}

/* Tema tipografi ince ayarlar */
body{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.wp-block-post-title{ letter-spacing: -.02em; }

/* Tek yazı içeriğinde görsel iyileştirmeler */
.wp-block-post-content p{ text-wrap: pretty; }
.wp-block-post-content h2{ margin-top: 2.2em; letter-spacing: -.015em; }
.wp-block-post-content h3{ margin-top: 1.8em; }
.wp-block-post-content blockquote{
  border-inline-start: 3px solid #d4af37;
  padding-inline-start: 20px;
  font-style: normal;
  color: #4a5260;
}

/* Tablo stili */
.wp-block-table table{
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table th{
  background: #0f1419;
  color: #f4d35e;
  text-align: left;
  padding: 12px 16px;
  font-weight: 700;
  letter-spacing: .02em;
}
.wp-block-table td{
  padding: 12px 16px;
  border-bottom: 1px solid #e6e8ec;
}
.wp-block-table tbody tr:nth-child(even) td{ background: #fafbfc; }
.wp-block-table tbody tr:hover td{ background: rgba(212,175,55,.06); }

/* Düzenleyici (editor) tarafı minimal iyileştirme */
.editor-styles-wrapper .locabet-premium-cta{ color: #e9ecef; }

/* Sidebar ve iç kartlar için yardımcı — dark card içinde başlık rengi */
.locabet-premium-cta.is-compact .wp-block-heading{ color: #ffffff; }

/* Footer küçük başlık — h6 yerine görsel olarak h5 hissi */
.wp-block-group h6.wp-block-heading{
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Footer iletişim ikonları */
.locabet-footer-contact .locabet-footer-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-inline-end: 10px;
  border-radius: 6px;
  background: rgba(212,175,55,.1);
  color: #f4d35e;
  font-size: 12px;
  vertical-align: middle;
  transition: background var(--lb-t-fast);
}
.locabet-footer-contact:hover .locabet-footer-icon{
  background: rgba(212,175,55,.2);
}

/* Footer kategori listesi — siyah zeminde okunur */
.locabet-footer .wp-block-categories{
  list-style: none;
  padding: 0;
  margin: 0;
}
.locabet-footer .wp-block-categories li{
  margin: 4px 0;
}
.locabet-footer .wp-block-categories a{
  background: transparent;
  border: none;
  padding: 0;
  color: #e9ecef;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
  transition: color var(--lb-t-fast);
}
.locabet-footer .wp-block-categories a:hover{
  background: transparent;
  color: #f4d35e;
}

/* Mobil */
@media (max-width: 768px){
  .locabet-premium-cta{ padding: 32px 20px; }
  .locabet-premium-cta.is-compact{ padding: 24px 18px; }
  .wp-block-group.is-style-dark-strip{ padding: 40px 20px; }
  .wp-block-group.is-style-card{ padding: 22px; }
  .locabet-guide-card .wp-block-post-featured-image img{ height: 180px; }
  .wp-block-post-content h2{ margin-top: 1.6em; }
  .locabet-category-chips .wp-block-categories a{ padding: 8px 14px; font-size: 12px; }
}
@media (max-width: 480px){
  .locabet-premium-cta{ padding: 24px 16px; }
  .locabet-404{ padding: 64px 16px; }
}

/* Baskı — okunabilirlik */
@media print{
  .locabet-premium-cta,
  .wp-block-group.is-style-dark-strip{ background: #fff; color: #000; border-color: #999; }
}

/* ============================================================
   POLİSAJ KATMANI — 2026 düzeltme paketi (madde 5-33)
   Design tokens, sticky header, btn-primary, a11y, dark mode, print
   ============================================================ */

/* Kompat alias'ları — önceki polish layer için */
:root{
  --lb-color-gold:      var(--lb-color-gold-500);
  --lb-color-gold-body: var(--lb-color-gold-700);
  --lb-color-gold-dark: var(--lb-color-gold-300);
  --lb-color-ink:       var(--lb-color-ink-950);
  --lb-color-ink-soft:  var(--lb-color-ink-700);
  --lb-color-paper:     var(--lb-color-ink-50);
  --lb-color-line:      rgba(199,164,122,.25);
  --lb-color-line-soft: rgba(199,164,122,.15);
  --lb-space-section:   var(--lb-section-y);
  --lb-space-hero:      clamp(56px, 10vw, 120px);
}

/* ============================================================
   #27 Global focus-visible
   ============================================================ */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
.lb-star:focus-visible{
  outline: 2px solid var(--lb-color-gold);
  outline-offset: 3px;
  border-radius: inherit;
}

/* ============================================================
   #5 + #7 Header — container + sticky + backdrop blur
   ============================================================ */
.lb-topbar,
.lb-header{
  padding-inline: clamp(16px, 4vw, 48px);
}
.lb-topbar-inner,
.lb-header-inner{
  max-width: 1280px;
  margin-inline: auto;
  width: 100%;
}
.lb-topbar{
  position: sticky; top: 0; z-index: 51;
  transition: transform .3s var(--lb-ease-lux, ease), opacity .3s ease;
}
.lb-topbar.is-hidden{
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
/* Topbar gizliyken ana header'ın top offset'i sıfırla */
.lb-topbar.is-hidden + .lb-header,
body:has(.lb-topbar.is-hidden) .lb-header{
  top: 0;
}
@media (prefers-reduced-motion: reduce){
  .lb-topbar{ transition: none; }
}
.lb-header{
  position: sticky;
  top: 38px;
  z-index: 50;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  transition: box-shadow .28s var(--lb-ease-lux), background-color .28s ease;
}
.lb-header.is-scrolled{
  background: rgba(255,255,255,.96);
  box-shadow: 0 1px 0 rgba(15,20,25,.04), 0 10px 24px -14px rgba(15,20,25,.18);
}
.lb-topbar-note,
.lb-topbar-ssl{ margin: 0; }

/* ============================================================
   #6 + #23 Navigation — hamburger threshold @1024px
   ============================================================ */
@media (max-width: 1024px){
  .lb-header-inner .wp-block-navigation__responsive-container-open{
    display: flex !important;
  }
  .lb-header-inner .wp-block-navigation:not(.is-menu-open) .wp-block-navigation__container{
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open{
    padding: 24px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    gap: 8px;
    font-size: 17px;
  }
}
/* WCAG 2.5.5 — mobil menü tetikleyici min 44×44 px */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  align-items: center;
  justify-content: center;
}

/* ============================================================
   #8 H1 fluid + hyphens
   ============================================================ */
h1,
.entry-title,
.wp-block-post-title,
.wp-block-query-title{
  font-size: clamp(1.875rem, 4.5vw, 3.25rem);
  line-height: 1.1;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
}
@media (max-width: 768px){
  h1, .entry-title, .wp-block-post-title{ font-size: min(34px, 8.5vw) !important; }
}

/* ============================================================
   #9 Homepage — "Ana Sayfa" başlık çıktısını gizle
   ============================================================ */
body.page-id-home main.is-homepage > .wp-block-post-title,
body.home .wp-block-post-title.is-front-page-title,
main.is-homepage > .entry-title{
  display: none;
}

/* ============================================================
   #12 Bookmark button — fixed clamp, auto-hide < 1280px
   ============================================================ */
.lb-bookmark-btn{
  position: fixed;
  right: clamp(12px, 2vw, 32px);
  bottom: 96px;
  top: auto;
  width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(199,164,122,.4);
  color: var(--lb-color-gold-body);
  cursor: pointer;
  z-index: 70;
  box-shadow: var(--lb-shadow-sm);
  transition: all .2s ease;
}
.lb-bookmark-btn:hover{ transform: translateY(-2px); box-shadow: var(--lb-shadow-md); }
.lb-bookmark-btn[aria-pressed="true"],
.lb-bookmark-btn.saved{ background: var(--lb-color-gold); color: #1A1513; }
@media (max-width: 1280px){
  .lb-bookmark-btn{ display: none; }
}

/* ============================================================
   #13 Meta/byline row — flex-wrap + CSS pseudo separators
   ============================================================ */
.lb-byline{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  font-size: 13px;
}
.lb-byline > *{ margin: 0; }
.lb-byline-sep{ display: none; } /* eski inline ayırıcılar */
.lb-byline > *:not(:first-child):not(.lb-byline-label):not(.lb-byline-value)::before{
  content: "·";
  color: rgba(199,164,122,.5);
  margin-inline-end: 10px;
}
.lb-byline .wp-block-post-author__name{
  font-weight: 600;
  color: var(--lb-color-ink-soft);
  text-transform: none;
  letter-spacing: -.005em;
}
/* Admin display_name'i inline değil block olarak render edilmişse */
.wp-block-post-author__name a[href*="author/admin"]{
  color: var(--lb-color-ink-soft);
}

/* ============================================================
   #15 TOC — bordered, collapsible, scroll-spy highlight
   ============================================================ */
.lb-toc{
  border: 1px solid rgba(199,164,122,.25);
  border-radius: var(--lb-radius-md);
  padding: 20px 24px;
  background: linear-gradient(180deg, #fafbfc, #f4f0e8);
  margin: 24px 0 40px;
  max-width: 100%;
}
.lb-toc-summary{
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--lb-color-gold-body);
}
.lb-toc-summary::-webkit-details-marker{ display: none; }
.lb-toc-badge{
  display: inline-flex;
  width: 32px; height: 32px;
  align-items: center; justify-content: center;
  border-radius: 10px;
  background: rgba(199,164,122,.15);
  color: var(--lb-color-gold-body);
}
.lb-toc-toggle{
  margin-inline-start: auto;
  width: 10px; height: 10px;
  border-inline-end: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-3px);
  transition: transform .28s var(--lb-ease-lux);
}
.lb-toc[open] .lb-toc-toggle{ transform: rotate(-135deg) translateY(0); }
.lb-toc-list{
  list-style: none;
  padding: 16px 0 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}
.lb-toc-list li{ margin: 0; }
.lb-toc-list a{
  display: block;
  padding: 6px 12px;
  border-inline-start: 2px solid transparent;
  color: var(--lb-color-ink-soft);
  text-decoration: none;
  transition: all .2s ease;
}
.lb-toc-list a:hover{
  color: var(--lb-color-gold-body);
  border-inline-start-color: rgba(199,164,122,.4);
  background: rgba(199,164,122,.05);
}
.lb-toc-list a.is-active{
  color: var(--lb-color-gold-body);
  border-inline-start-color: var(--lb-color-gold);
  font-weight: 700;
  background: rgba(199,164,122,.08);
}

/* ============================================================
   #17 Sorumlu Oyun alert + hotline kartları
   ============================================================ */
.lb-rg-alert{
  background: linear-gradient(135deg, #FFF5E1 0%, #FFEFD5 100%);
  border: 1px solid rgba(184,134,11,.35);
  border-inline-start: 4px solid #B8860B;
  border-radius: var(--lb-radius-md);
  padding: 24px 28px;
  margin: 32px 0;
  color: #3d2f0a;
  box-shadow: 0 8px 24px -16px rgba(184,134,11,.3);
}
.lb-rg-head{
  display: flex; align-items: center; gap: 14px; margin-bottom: 10px;
}
.lb-rg-icon{
  display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(184,134,11,.25), rgba(244,211,94,.2));
  border: 1px solid rgba(184,134,11,.4);
  color: #8a5a0b;
}
.lb-rg-title{
  margin: 0;
  font-family: var(--wp--preset--font-family--sans);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #5a3e00;
}
.lb-rg-body{
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 16px;
}
.lb-rg-hotlines{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
.lb-rg-hotline{
  display: flex; flex-direction: column; gap: 2px;
  padding: 12px 16px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(184,134,11,.3);
  border-radius: var(--lb-radius-sm);
  text-decoration: none;
  color: #3d2f0a;
  transition: all .2s ease;
  min-height: 44px;
}
.lb-rg-hotline:hover{
  border-color: #B8860B;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px -10px rgba(184,134,11,.4);
}
.lb-rg-hotline-label{
  font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: #8a5a0b;
}
.lb-rg-hotline-num{
  font-family: var(--wp--preset--font-family--serif);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: #5a3e00;
  line-height: 1.1;
}
.lb-rg-hotline-note{ font-size: 11px; color: #7a5a20; }

/* ============================================================
   #18 + #19 Unified .btn-primary + Premium CTA polish
   ============================================================ */
.btn-primary{
  display: inline-flex;
  align-items: center; justify-content: center;
  gap: 10px;
  position: relative;
  padding: 14px 28px;
  min-height: 48px;
  font: 700 15px/1 var(--lb-font-body);
  letter-spacing: .02em;
  color: var(--lb-color-ink-900);
  text-decoration: none;
  background: var(--lb-gold-grad);
  border: 1px solid rgba(199,164,122,.5);
  border-radius: var(--lb-radius-pill);
  box-shadow: var(--lb-shadow-sm);
  transition: transform var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out);
  cursor: pointer;
}
.btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: var(--lb-shadow-md);
}
.btn-primary:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(199,164,122,.5), var(--lb-shadow-gold);
}

/* Premium CTA specifik */
.locabet-premium-cta-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 32px auto;
  max-width: 100%;
}
.btn-cta{
  max-width: 420px;
  width: 100%;
  padding: 18px 32px;
  border-radius: var(--lb-radius-md);
  font-size: 16px;
}
.locabet-premium-cta-wrap.is-size-small .btn-cta{ padding: 12px 22px; font-size: 14px; max-width: 320px; }
.btn-cta-dot{
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #1e7a4f;
  box-shadow: 0 0 0 0 rgba(30,122,79,.5);
  animation: lb-cta-pulse 2s ease-in-out infinite;
}
@keyframes lb-cta-pulse{
  0%, 100%{ box-shadow: 0 0 0 0 rgba(30,122,79,.5); }
  50%{ box-shadow: 0 0 0 6px rgba(30,122,79,0); }
}
@media (prefers-reduced-motion: reduce){
  .btn-cta-dot{ animation: none; }
}
.btn-cta-icon svg{ width: 18px; height: 18px; }
.btn-cta-note{
  font-size: 12px;
  letter-spacing: .04em;
  color: #8a94a3;
  text-align: center;
}
@media (max-width: 480px){
  .btn-cta-text{ display: none; }
  .btn-cta{ padding: 14px 20px; width: auto; min-width: 56px; }
}

/* Newsletter buton → .btn-primary */
.lb-newsletter-form button[type="submit"]{
  /* Inherit .btn-primary via composition */
  background: linear-gradient(135deg, #d4af37 0%, #f4d35e 50%, #c9a227 100%);
  color: #1a1208;
  border: 1px solid rgba(212,175,55,.6);
  border-radius: var(--lb-radius-pill);
  padding: 12px 22px;
  font-weight: 800;
  min-height: 44px;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.lb-newsletter-form button[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: var(--lb-shadow-gold);
}

/* ============================================================
   #3 Honeypot — tam gizleme
   ============================================================ */
.lb-hp-field,
input[name="hp"]{
  position: absolute !important;
  left: -9999px !important;
  top: auto;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

/* ============================================================
   #4 Cookie banner — fixed overlay + safe-area
   ============================================================ */
.lb-cookie-banner{
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9999;
  padding: 20px clamp(16px, 4vw, 32px);
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0));
  background: rgba(15,15,16,.92);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  color: #e9ecef;
  border-top: 1px solid rgba(199,164,122,.35);
  box-shadow: 0 -20px 60px -20px rgba(0,0,0,.6);
  transform: translateY(100%);
  transition: transform .45s var(--lb-ease-lux);
}
.lb-cookie-banner.is-visible,
.lb-cookie-banner:not([hidden]){ transform: translateY(0); }
.lb-cookie-banner[hidden]{ display: none; }
.lb-cookie-inner{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.lb-cookie-text{
  flex: 1 1 320px;
  font-size: 14px;
  line-height: 1.55;
}
.lb-cookie-text strong{ display: block; font-size: 15px; margin-bottom: 4px; color: var(--lb-color-gold-dark); }
.lb-cookie-text a{ color: var(--lb-color-gold-dark); text-decoration: underline; }
.lb-cookie-actions{ display: flex; gap: 10px; flex-wrap: wrap; }
.lb-cookie-reject,
.lb-cookie-accept{
  min-height: 44px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: var(--lb-radius-pill);
  cursor: pointer;
  transition: all .2s ease;
}
.lb-cookie-reject{
  background: transparent;
  border: 1px solid rgba(233,236,239,.4);
  color: #e9ecef;
}
.lb-cookie-reject:hover{ border-color: rgba(233,236,239,.8); }
.lb-cookie-accept{
  background: linear-gradient(135deg, #d4af37, #f4d35e, #c9a227);
  border: 1px solid rgba(212,175,55,.6);
  color: #1a1208;
}
.lb-cookie-accept:hover{ transform: translateY(-1px); box-shadow: var(--lb-shadow-gold); }
@media (max-width: 640px){
  .lb-cookie-inner{ flex-direction: column; align-items: stretch; }
  .lb-cookie-actions{ justify-content: stretch; }
  .lb-cookie-reject,
  .lb-cookie-accept{ flex: 1; }
}

/* ============================================================
   #4 Exit modal
   ============================================================ */
.lb-exit-modal{
  position: fixed; inset: 0;
  z-index: 10000;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  background: rgba(15,15,16,.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .25s ease;
}
.lb-exit-modal.is-visible{ opacity: 1; }
.lb-exit-card{
  position: relative;
  max-width: 480px; width: 100%;
  background: #fff;
  border-radius: var(--lb-radius-lg);
  padding: 40px 32px;
  box-shadow: var(--lb-shadow-lg);
}
.lb-exit-close{
  position: absolute; top: 12px; right: 12px;
  width: 36px; height: 36px; border-radius: 50%;
  background: transparent; border: none;
  font-size: 24px; line-height: 1;
  cursor: pointer;
  color: var(--lb-color-ink-soft);
}
.lb-exit-kicker{ font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--lb-color-gold-body); margin-bottom: 8px; }
.lb-exit-title{ font-family: var(--wp--preset--font-family--serif); font-size: 28px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 12px; color: var(--lb-color-ink-soft); }
.lb-exit-title em{ font-style: italic; background: var(--lb-gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lb-exit-body{ font-size: 14px; line-height: 1.6; color: #4a5260; margin: 0 0 16px; }
.lb-exit-form{ display: flex; gap: 8px; flex-wrap: wrap; }
.lb-exit-form input[type="email"]{
  flex: 1; min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(199,164,122,.3);
  border-radius: var(--lb-radius-pill);
  font-size: 14px;
  min-height: 44px;
}
.lb-exit-form input[type="email"]:focus{ border-color: var(--lb-color-gold); outline: none; box-shadow: 0 0 0 3px rgba(199,164,122,.2); }
.lb-exit-thanks{ text-align: center; padding: 40px; color: var(--lb-color-ink-soft); font-size: 16px; }

/* ============================================================
   #20 Rating stars — visible SVG + filled state
   ============================================================ */
.lb-rating{
  text-align: center;
  padding: 32px 24px;
  margin: 48px 0;
  background: linear-gradient(135deg, #FAF7F2, #F4F0E8);
  border: 1px solid rgba(199,164,122,.22);
  border-radius: var(--lb-radius-md);
}
.lb-rating-kicker{
  font-size: 11px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--lb-color-gold-body); margin-bottom: 8px;
}
.lb-rating-title{
  font-family: var(--wp--preset--font-family--serif);
  font-size: 22px; font-weight: 300; font-style: italic;
  letter-spacing: -.015em; color: var(--lb-color-ink-soft); margin: 0 0 16px;
}
.lb-stars{
  display: inline-flex;
  gap: 4px;
  padding: 6px;
  border-radius: var(--lb-radius-pill);
  background: rgba(255,255,255,.5);
}
.lb-star{
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 44px; height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  transition: transform .18s ease;
}
.lb-star svg{
  width: 28px; height: 28px;
  fill: #D4D2CE;
  transition: fill .2s ease, transform .18s ease;
}
.lb-star:hover svg,
.lb-star:focus svg{ transform: scale(1.12); }
.lb-star.filled svg{
  fill: url(#lb-star-grad);
  /* Fallback (no <defs>) */
  fill: var(--lb-color-gold);
}
.lb-rating-summary{
  margin-top: 12px;
  font-size: 13px;
  color: #4a5260;
}
.lb-rating-summary strong{ color: var(--lb-color-gold-body); }

/* ============================================================
   #21 Comment form polish
   ============================================================ */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(199,164,122,.3);
  border-radius: var(--lb-radius-sm);
  /* iOS Safari zoom engelle — 16px minimum */
  font-size: 16px;
  font-family: inherit;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.comment-form textarea:focus,
.comment-form input:focus{
  outline: none;
  border-color: var(--lb-color-gold);
  box-shadow: 0 0 0 3px rgba(199,164,122,.18);
}
.comment-form .submit{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 28px;
  min-height: 48px;
  background: linear-gradient(135deg, #d4af37, #f4d35e, #c9a227);
  color: #1a1208;
  border: 1px solid rgba(212,175,55,.6);
  border-radius: var(--lb-radius-pill);
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.comment-form .submit:hover{
  transform: translateY(-2px);
  box-shadow: var(--lb-shadow-gold);
}
/* Hide WP's "Logged in as admin" message on public side */
.logged-in-as{ display: none; }
body.logged-in.author-admin .logged-in-as{ display: block; } /* Yine de giriş yapmış admin görsün istersen — kapat */

/* ============================================================
   #22 Footer — license badge + contact list
   ============================================================ */
.locabet-license-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid rgba(199,164,122,.35);
  border-radius: var(--lb-radius-pill);
  color: var(--lb-color-gold-dark);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  transition: all .2s ease;
  background: rgba(199,164,122,.06);
}
.locabet-license-badge:hover{
  border-color: var(--lb-color-gold-dark);
  background: rgba(199,164,122,.12);
}
.locabet-license-badge svg{ width: 20px; height: 20px; color: var(--lb-color-gold-dark); }
.locabet-footer-contact{
  list-style: none;
  padding: 0;
  margin: 0;
}
.locabet-footer-contact li{
  display: flex;
  align-items: center;
  margin: 6px 0;
  font-size: 14px;
  line-height: 1.6;
}
.locabet-footer-contact a{
  color: #e9ecef;
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  transition: color .2s ease;
}
.locabet-footer-contact a:hover{ color: var(--lb-color-gold-dark); }

/* ============================================================
   #16 Info cards — differentiate "Sık Yapılan Hatalar" / "Uzman Görüşü"
   ============================================================ */
.wp-block-group.is-style-card[data-card="mistakes"],
.wp-block-group.is-style-card[data-card="expert"]{
  position: relative;
  padding-inline-start: 24px;
}
.wp-block-group.is-style-card[data-card="mistakes"]{
  border-inline-start: 3px solid #a32929;
  background: linear-gradient(135deg, #fff6f6, #fff);
}
.wp-block-group.is-style-card[data-card="expert"]{
  border-inline-start: 3px solid var(--lb-color-gold-body);
  background: linear-gradient(135deg, #fdf9f0, #fff);
}
.wp-block-group.is-style-card[data-card="mistakes"]::before,
.wp-block-group.is-style-card[data-card="expert"]::before{
  content: "";
  position: absolute;
  top: 20px; left: -24px;
  width: 44px; height: 44px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  border: 1px solid currentColor;
  background-color: #fff;
}
.wp-block-group.is-style-card[data-card="mistakes"]::before{
  color: #a32929;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a32929' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");
}
.wp-block-group.is-style-card[data-card="expert"]::before{
  color: var(--lb-color-gold-body);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 1 3 3v9a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3z'/%3E%3Cpath d='M7 14h10'/%3E%3Cpath d='M9 22h6'/%3E%3C/svg%3E");
}

/* ============================================================
   #14 Duplicate CTA guard — adjacent CTA'ları ikincil yap
   ============================================================ */
.locabet-premium-cta-wrap + .locabet-premium-cta-wrap .btn-cta,
.wp-block-locabet-premium-cta ~ .wp-block-locabet-premium-cta .btn-cta{
  background: transparent;
  color: var(--lb-color-gold-body);
  border: 1.5px solid var(--lb-color-gold);
  box-shadow: none;
}

/* ============================================================
   #23 Mobile — hamburger fullscreen + breadcrumb scroll + touch
   ============================================================ */
.wp-block-navigation__responsive-container.is-menu-open{
  position: fixed; inset: 0;
  background: linear-gradient(180deg, #1A1513 0%, #0F0F10 100%);
  color: #fff;
  padding: 72px 24px 24px !important;
  overflow-y: auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{
  color: #fff;
  font-size: 20px;
  padding: 14px 0;
  min-height: 44px;
  display: flex; align-items: center;
}
@media (max-width: 768px){
  .lb-breadcrumb{
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .lb-breadcrumb::-webkit-scrollbar{ display: none; }
  .lb-breadcrumb ol{ flex-wrap: nowrap !important; }
  /* 44×44 touch targets */
  .wp-block-navigation-item a,
  .wp-block-categories a,
  .wp-block-post-terms a,
  .lb-share-btn,
  .lb-toc-list a{
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* ============================================================
   #24 Tablet/mobile grid breakpoints — 2 col @ 768-1024, 1 col <768
   ============================================================ */
@media (max-width: 1024px){
  .wp-block-post-template.is-layout-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px){
  .wp-block-post-template.is-layout-grid{
    grid-template-columns: 1fr !important;
  }
  .wp-block-columns{ gap: 16px !important; }
}

/* ============================================================
   #25 Reduce vertical padding — 96px+ → clamp
   ============================================================ */
.wp-block-group[style*="padding-top: 96px"],
.wp-block-group[style*="padding-top:96px"],
.wp-block-group.has-whitespace-xl{
  padding-top: var(--lb-space-section) !important;
  padding-bottom: var(--lb-space-section) !important;
}
main > .wp-block-group{ row-gap: clamp(32px, 5vw, 64px); }

/* ============================================================
   #26 Contrast — gold metinleri WCAG AA
   ============================================================ */
body{ color: var(--lb-color-ink-soft); }
/* Açık zeminde gold metin → koyu bronz */
.has-gold-color:not(.is-on-dark),
.wp-block-post-terms a,
.wp-block-categories a{
  color: var(--lb-color-gold-body);
}
/* Koyu zeminde gold → açık bronz */
.has-ink-background-color .has-gold-color,
.locabet-footer .has-gold-color,
.is-style-card-dark .has-gold-color{
  color: var(--lb-color-gold-dark);
}

/* ============================================================
   #28 Featured image
   ============================================================ */
.wp-block-post-featured-image img{
  content-visibility: auto;
  contain-intrinsic-size: 800px 450px;
}

/* ============================================================
   #32 Dark mode — prefers-color-scheme
   ============================================================ */
@media (prefers-color-scheme: dark){
  :root{
    --lb-color-paper: #0F0F10;
    --lb-color-ink: #F5EFE3;
    --lb-color-ink-soft: #F5EFE3;
  }
  body{ background: #0F0F10; color: #F5EFE3; }
  .lb-header{ background: rgba(15,15,16,.85); }
  .lb-header.is-scrolled{ background: rgba(15,15,16,.96); }
  .wp-block-group.is-style-card{
    background: var(--wp--custom--card--bg-dark, #251F1B);
    border-color: rgba(199,164,122,.25);
    color: var(--wp--custom--card--body-dark, #C9C3BD);
  }
  .wp-block-group.is-style-card :is(h2, h3, h4, h5, h6),
  .wp-block-group.is-style-card .wp-block-heading{
    color: var(--wp--custom--card--heading-dark, #F5EFE3) !important;
  }
  .wp-block-group.is-style-card p{
    color: var(--wp--custom--card--body-dark, #C9C3BD);
  }
  .wp-block-group.is-style-card a:not(.wp-block-button__link){
    color: var(--wp--custom--card--link-dark, #E6C98A);
  }
  .lb-toc{
    background: linear-gradient(180deg, #1A1513, #15100e);
    border-color: rgba(199,164,122,.3);
    color: #F5EFE3;
  }
  .lb-toc-list a{ color: #F5EFE3; }
  .lb-rg-alert{
    background: linear-gradient(135deg, #2a1f0a, #241800);
    color: #F4E1B0;
    border-color: rgba(244,211,94,.3);
  }
  .lb-rg-hotline{ background: rgba(255,255,255,.05); color: #F4E1B0; }
  .lb-rating{ background: linear-gradient(135deg, #1A1513, #15100e); color: #F5EFE3; }
  .lb-rating-title{ color: #F5EFE3; }
  .lb-exit-card{ background: #1A1513; color: #F5EFE3; }
  .comment-form textarea,
  .comment-form input{ background: #1A1513; color: #F5EFE3; border-color: rgba(199,164,122,.3); }
}

/* Reduce motion — tüm JS/CSS animasyonlar */
@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;
  }
  .reveal{ opacity: 1 !important; transform: none !important; }
}

/* ============================================================
   #33 Print stylesheet — polish
   ============================================================ */
@media print{
  .lb-topbar,
  .lb-header,
  .locabet-footer,
  .lb-share,
  .lb-newsletter,
  .lb-newsletter-form,
  .lb-bookmark-btn,
  .lb-scroll-top,
  .lb-cookie-banner,
  .lb-exit-modal,
  .lb-pwa-install,
  .lb-rating,
  .lb-whatsapp-float,
  .lb-bottom-nav,
  .btn-primary,
  .btn-cta,
  .locabet-premium-cta-wrap,
  .wp-block-locabet-premium-cta,
  .lb-reading-progress,
  .wp-block-comments,
  .lb-toc{
    display: none !important;
  }
  body{ background: #fff !important; color: #000 !important; }
  a{ color: #000 !important; text-decoration: underline; }
  a::after{ content: " (" attr(href) ")"; font-size: .8em; color: #555; }
}

/* ============================================================
   Share buttons refactor (inline style'dan çıkarıldı)
   ============================================================ */
.lb-share{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 40px 0;
  padding: 20px 0;
  border-top: 1px solid rgba(199,164,122,.22);
  border-bottom: 1px solid rgba(199,164,122,.22);
}
.lb-share-label{
  font-size: 11px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--lb-color-gold-body); margin-inline-end: 8px;
}
.lb-share-btn{
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 44px; height: 44px; /* 44×44 touch */
  border-radius: 50%;
  background: rgba(199,164,122,.08);
  border: 1px solid rgba(199,164,122,.2);
  color: var(--lb-color-gold-body);
  transition: all .2s ease;
  text-decoration: none;
}
.lb-share-btn:hover{
  background: rgba(199,164,122,.18);
  border-color: rgba(199,164,122,.5);
  transform: translateY(-2px);
}

/* ============================================================
   Newsletter form refactor
   ============================================================ */
.lb-newsletter{
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 40px 24px;
}
.lb-newsletter-form{
  display: flex;
  gap: 8px;
  margin: 20px 0 12px;
  flex-wrap: wrap;
  position: relative;
}
.lb-newsletter-form input[type="email"]{
  flex: 1; min-width: 180px;
  padding: 12px 18px;
  min-height: 44px;
  border: 1px solid rgba(199,164,122,.3);
  border-radius: var(--lb-radius-pill);
  font-size: 16px;
}
.lb-newsletter-form input[type="email"]:focus{
  outline: none;
  border-color: var(--lb-color-gold);
  box-shadow: 0 0 0 3px rgba(199,164,122,.18);
}

/* ============================================================
   ════════════════════════════════════════════════════════════
   EDITORIAL PREMIUM LAYER — Monocle / Athletic / Stripe Press
   Token-based. Cascade'de son söz sahibi.
   ════════════════════════════════════════════════════════════
   ============================================================ */

/* ------------------------------------------------------------
   1. DOCUMENT-LEVEL TYPOGRAPHY FOUNDATION
   ------------------------------------------------------------ */
html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  tab-size: 4;
  scroll-padding-top: 96px;
}
html:focus-within{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){
  html:focus-within{ scroll-behavior: auto; }
}
body{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-base);
  line-height: var(--lb-lh-normal);
  letter-spacing: var(--lb-ls-body);
  color: var(--lb-color-ink-700);
  background: var(--lb-color-ink-50);
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern', 'liga', 'calt', 'ss01';
  overflow-wrap: break-word;
}
/* Selection — sıcak altın */
::selection{ background: var(--lb-color-gold-500); color: var(--lb-color-ink-900); }
::-moz-selection{ background: var(--lb-color-gold-500); color: var(--lb-color-ink-900); }

/* Scrollbar — premium slim */
@supports (scrollbar-width: thin){
  html{ scrollbar-width: thin; scrollbar-color: var(--lb-color-gold-500) transparent; }
}
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: transparent; }
::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, var(--lb-color-gold-500), var(--lb-color-gold-700));
  border-radius: var(--lb-radius-pill);
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, var(--lb-color-gold-300), var(--lb-color-gold-500));
  background-clip: padding-box;
}

/* Mobile tap highlight */
a, button{ -webkit-tap-highlight-color: rgba(199,164,122,0.22); }

/* ------------------------------------------------------------
   2. DISPLAY HIERARCHY (Newsreader serif, opsz tight)
   ------------------------------------------------------------ */
.lb-h1, h1, .wp-block-post-title, .wp-block-query-title{
  font-family: var(--lb-font-display);
  font-weight: 400;
  font-size: var(--lb-fs-4xl);
  line-height: var(--lb-lh-tight);
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-ink-900);
  text-wrap: balance;
  font-optical-sizing: auto;
}
.lb-h1.is-hero, h1.is-hero, .lb-display-h1{
  font-size: var(--lb-fs-5xl);
  font-weight: 300;
}
.lb-h1 em, h1 em, .wp-block-post-title em{
  font-style: italic;
  font-weight: 300;
  background: var(--lb-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
h2, .wp-block-heading.lb-h2{
  font-family: var(--lb-font-display);
  font-weight: 400;
  font-size: var(--lb-fs-3xl);
  line-height: var(--lb-lh-snug);
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-ink-900);
  text-wrap: balance;
}
h3{
  font-family: var(--lb-font-display);
  font-weight: 500;
  font-size: var(--lb-fs-2xl);
  line-height: 1.22;
  letter-spacing: -0.015em;
  color: var(--lb-color-ink-800);
}
h4{
  font-family: var(--lb-font-body);
  font-weight: 700;
  font-size: var(--lb-fs-lg);
  line-height: 1.3;
  letter-spacing: -0.01em;
}
h5{
  font-family: var(--lb-font-body);
  font-weight: 700;
  font-size: var(--lb-fs-base);
  line-height: 1.4;
}
h6{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
}

/* Serif italic em across headings */
h2 em, h3 em, h4 em{
  font-style: italic;
  font-weight: inherit;
  color: var(--lb-color-gold-700);
}

/* ------------------------------------------------------------
   3. PARAGRAPH + LEAD + LINKS
   ------------------------------------------------------------ */
p{ text-wrap: pretty; hyphens: auto; }
.wp-block-post-content p{
  font-size: var(--lb-fs-lg);
  line-height: var(--lb-lh-relaxed);
  letter-spacing: var(--lb-ls-body);
  color: var(--lb-color-ink-700);
  margin: 0 0 var(--lb-space-5);
}
/* Lead paragraph — ilk paragraf premium */
.wp-block-post-content > p:first-of-type:not([class]){
  font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.375rem);
  line-height: 1.55;
  color: var(--lb-color-ink-800);
  letter-spacing: -0.005em;
}
.wp-block-post-content > p:first-of-type:not([class])::first-line{
  font-variant: small-caps;
  letter-spacing: 0.02em;
}

/* Link — editöryal altı-çizgi */
.wp-block-post-content a:not(.wp-block-button__link):not(.btn-primary){
  color: var(--lb-color-ink-800);
  text-decoration: underline;
  text-decoration-color: var(--lb-color-gold-500);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-skip-ink: auto;
  transition: text-decoration-color var(--lb-dur-fast) var(--lb-ease-out),
              text-underline-offset var(--lb-dur-base) var(--lb-ease-out),
              color var(--lb-dur-fast) var(--lb-ease-out);
}
.wp-block-post-content a:not(.wp-block-button__link):not(.btn-primary):hover{
  color: var(--lb-color-gold-700);
  text-decoration-color: var(--lb-color-gold-700);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/* ------------------------------------------------------------
   4. KICKER / EYEBROW COMPONENT
   ------------------------------------------------------------ */
.lb-kicker,
.is-style-chip,
h2.is-style-chip{
  display: inline-flex;
  align-items: center;
  gap: var(--lb-space-2);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  margin: 0 0 var(--lb-space-3);
}
.lb-kicker::before,
.is-style-chip::before{
  content: "";
  width: 24px;
  height: 1px;
  background: var(--lb-color-gold-500);
}
.lb-kicker.is-centered,
h2.is-style-chip.has-text-align-center{
  justify-content: center;
}
.lb-kicker.is-centered::after,
h2.is-style-chip.has-text-align-center::after{
  content: "";
  width: 24px;
  height: 1px;
  background: var(--lb-color-gold-500);
}

/* ------------------------------------------------------------
   5. DROP CAP — editöryal, opt-in only
   ------------------------------------------------------------ */
.lb-has-dropcap > p:first-of-type::first-letter{
  font-family: var(--lb-font-display);
  font-size: 4.5em;
  font-weight: 400;
  line-height: 0.88;
  float: left;
  padding: 0.08em 0.16em 0 0;
  color: var(--lb-color-ink-900);
  letter-spacing: -0.03em;
}

/* ------------------------------------------------------------
   6. PULL QUOTE + BLOCKQUOTE (editorial hang)
   ------------------------------------------------------------ */
.wp-block-pullquote{
  border: none;
  margin: var(--lb-space-8) auto;
  padding: var(--lb-space-7) var(--lb-space-5);
  max-width: 680px;
  text-align: center;
  position: relative;
}
.wp-block-pullquote::before{
  content: "\201C";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--lb-font-display);
  font-size: clamp(80px, 10vw, 140px);
  line-height: 1;
  font-weight: 300;
  font-style: italic;
  color: var(--lb-color-gold-300);
  opacity: 0.7;
}
.wp-block-pullquote p{
  font-family: var(--lb-font-display) !important;
  font-size: var(--lb-fs-2xl) !important;
  font-weight: 400 !important;
  font-style: italic;
  line-height: 1.28;
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-ink-900);
  text-wrap: balance;
}
.wp-block-pullquote cite{
  display: block;
  margin-top: var(--lb-space-5);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-style: normal;
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
}
.wp-block-pullquote cite::before{
  content: "— ";
  color: var(--lb-color-gold-500);
}

blockquote:not(.wp-block-pullquote){
  border: none;
  border-inline-start: 3px solid var(--lb-color-gold-500);
  margin: var(--lb-space-6) 0;
  padding: var(--lb-space-3) 0 var(--lb-space-3) var(--lb-space-5);
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-xl);
  font-weight: 400;
  font-style: italic;
  line-height: 1.42;
  letter-spacing: -0.012em;
  color: var(--lb-color-ink-800);
  background: linear-gradient(90deg, var(--lb-gold-glass), transparent);
}
blockquote cite{
  display: block;
  margin-top: var(--lb-space-3);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-sm);
  font-style: normal;
  font-weight: 600;
  color: var(--lb-color-gold-700);
}

/* ------------------------------------------------------------
   7. LISTS (serif numerals + refined bullets)
   ------------------------------------------------------------ */
.wp-block-post-content ul{
  list-style: none;
  padding-inline-start: 0;
}
.wp-block-post-content ul > li{
  position: relative;
  padding-inline-start: var(--lb-space-5);
  margin-bottom: var(--lb-space-3);
  line-height: var(--lb-lh-relaxed);
}
.wp-block-post-content ul > li::before{
  content: "";
  position: absolute;
  left: 4px;
  top: 0.72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lb-gold-grad);
  box-shadow: 0 0 0 3px rgba(199,164,122,0.12);
}
.wp-block-post-content ol{
  list-style: none;
  counter-reset: lb-ol;
  padding-inline-start: 0;
}
.wp-block-post-content ol > li{
  counter-increment: lb-ol;
  position: relative;
  padding-inline-start: var(--lb-space-7);
  margin-bottom: var(--lb-space-4);
  line-height: var(--lb-lh-relaxed);
}
.wp-block-post-content ol > li::before{
  content: counter(lb-ol, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -0.1em;
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-lg);
  font-weight: 300;
  font-style: italic;
  color: var(--lb-color-gold-700);
  letter-spacing: -0.02em;
  min-width: var(--lb-space-6);
}

/* Definition list */
dl{ margin: var(--lb-space-5) 0; }
dt{
  font-family: var(--lb-font-body);
  font-weight: 700;
  font-size: var(--lb-fs-sm);
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  margin-top: var(--lb-space-4);
}
dd{
  margin: var(--lb-space-1) 0 var(--lb-space-3);
  line-height: var(--lb-lh-relaxed);
}

/* HR — dekoratif */
hr:not(.wp-block-separator){
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--lb-color-gold-500), transparent);
  margin: var(--lb-space-8) auto;
  max-width: 320px;
}

/* Inline code */
code:not([class]){
  font-family: var(--lb-font-mono);
  font-size: 0.88em;
  padding: 0.15em 0.4em;
  border-radius: var(--lb-radius-xs);
  background: var(--lb-gold-glass);
  color: var(--lb-color-gold-700);
  letter-spacing: 0;
}

/* ------------------------------------------------------------
   8. HEADER — premium sticky with ornamental separator
   ------------------------------------------------------------ */
.lb-topbar{
  font-family: var(--lb-font-body);
  /* WCAG 1.4.4 — küçük metin 12px yerine 13px minimum */
  font-size: clamp(13px, .9vw, var(--lb-fs-sm, 14px));
  letter-spacing: 0.02em;
  font-weight: 600;
  background: var(--lb-color-ink-950) !important;
  color: var(--lb-color-ink-200) !important;
  border-bottom: 1px solid rgba(199,164,122,0.12);
}
.lb-topbar-note,
.lb-topbar-ssl{
  display: inline-flex;
  align-items: center;
  gap: var(--lb-space-2);
}
.lb-topbar-note strong{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: var(--lb-radius-xs);
  background: linear-gradient(135deg, var(--lb-color-gold-500), var(--lb-color-gold-700));
  color: var(--lb-color-ink-950);
  font-weight: 800;
  letter-spacing: 0.06em;
}

.lb-header{
  font-family: var(--lb-font-body);
  background: rgba(250,251,252,0.82);
  border-bottom: 1px solid rgba(42,36,32,0.06);
  transition: background-color var(--lb-dur-base) var(--lb-ease-out),
              padding var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out);
}
.lb-header.is-scrolled{
  background: rgba(250,251,252,0.94);
  padding-block: var(--lb-space-3) !important;
  box-shadow: 0 1px 0 rgba(42,36,32,0.06), 0 10px 24px -14px rgba(10,10,12,0.14);
}
.lb-header .wp-block-site-title a{
  font-family: var(--lb-font-display);
  font-weight: 500;
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-ink-900);
  text-decoration: none;
}
.lb-header .wp-block-navigation__container{
  gap: var(--lb-space-5);
}
.lb-header .wp-block-navigation-item a{
  position: relative;
  color: var(--lb-color-ink-700);
  font-weight: 600;
  font-size: var(--lb-fs-sm);
  letter-spacing: 0.005em;
  padding: var(--lb-space-2) 0;
}
.lb-header .wp-block-navigation-item a::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 2px;
  height: 2px;
  background: var(--lb-gold-grad);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--lb-dur-slow) var(--lb-ease-out);
}
.lb-header .wp-block-navigation-item a:hover::after,
.lb-header .wp-block-navigation-item.current-menu-item a::after{
  transform: scaleX(1);
  transform-origin: left;
}
.lb-header .wp-block-navigation-item a:hover{
  color: var(--lb-color-gold-700);
}

/* ------------------------------------------------------------
   9. HERO — cinematic editorial
   ------------------------------------------------------------ */
.lb-hero-cinematic,
.locabet-hero-centered,
.is-style-hero-editorial{
  position: relative;
  padding: var(--lb-section-y) var(--lb-space-5);
  text-align: center;
  overflow: hidden;
  isolation: isolate;
}
.lb-hero-cinematic::before{
  z-index: -1;
}
.lb-hero-cinematic::after{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 20%, transparent 0%, rgba(250,251,252,0.6) 80%);
  pointer-events: none;
  z-index: -1;
}
.lb-hero-cinematic .lb-kicker,
.lb-hero-cinematic .is-style-chip{
  margin-bottom: var(--lb-space-5);
}
.lb-hero-cinematic h1,
.lb-hero-cinematic .wp-block-heading.is-kinetic{
  font-size: var(--lb-fs-5xl);
  font-weight: 300;
  line-height: var(--lb-lh-tight);
  letter-spacing: var(--lb-ls-display);
  max-width: 960px;
  margin: 0 auto var(--lb-space-5);
  text-wrap: balance;
}
.lb-hero-cinematic p.lb-hero-sub,
.lb-hero-cinematic .wp-block-paragraph.has-medium-font-size{
  max-width: 640px;
  margin: 0 auto var(--lb-space-6);
  font-size: var(--lb-fs-lg);
  line-height: var(--lb-lh-relaxed);
  color: var(--lb-color-ink-600);
  text-wrap: pretty;
}

/* ------------------------------------------------------------
   10. CARD SYSTEM — guide card, cover story, magazine
   ------------------------------------------------------------ */
.is-style-card,
.wp-block-group.is-style-card{
  background: #fff;
  border: var(--lb-border-hair);
  border-radius: var(--lb-radius-lg);
  padding: var(--lb-space-5);
  box-shadow: var(--lb-shadow-xs);
  transition: transform var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out),
              border-color var(--lb-dur-base) var(--lb-ease-out);
  position: relative;
  overflow: hidden;
}
.is-style-card:hover{
  transform: translateY(-2px);
  border-color: rgba(199,164,122,0.3);
  box-shadow: var(--lb-shadow-md);
}

/* Guide card — image + content */
.locabet-guide-card{
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.locabet-guide-card .wp-block-post-featured-image{
  overflow: hidden;
  border-radius: 0;
  aspect-ratio: 4 / 3;
  margin: 0;
}
.locabet-guide-card .wp-block-post-featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--lb-dur-xslow) var(--lb-ease-out),
              filter var(--lb-dur-slow) var(--lb-ease-out);
  filter: saturate(0.9) contrast(1.03);
}
.locabet-guide-card:hover .wp-block-post-featured-image img{
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.05);
}
.locabet-guide-card > .wp-block-group{
  padding: var(--lb-space-5) var(--lb-space-5) var(--lb-space-6);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--lb-space-2);
}
.locabet-guide-card .wp-block-post-terms{
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  margin: 0;
}
.locabet-guide-card .wp-block-post-terms a{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: inherit !important;
  text-transform: uppercase !important;
}
.locabet-guide-card .wp-block-post-title{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-xl);
  font-weight: 500;
  line-height: 1.26;
  letter-spacing: var(--lb-ls-display);
  margin: 0;
}
.locabet-guide-card .wp-block-post-title a{
  color: var(--lb-color-ink-900);
  text-decoration: none;
  transition: color var(--lb-dur-fast) var(--lb-ease-out);
}
.locabet-guide-card:hover .wp-block-post-title a{ color: var(--lb-color-gold-700); }
.locabet-guide-card .wp-block-post-date{
  margin-top: auto;
  padding-top: var(--lb-space-3);
  font-size: var(--lb-fs-xs);
  color: var(--lb-color-ink-400);
  letter-spacing: 0.04em;
}

/* Featured article — magazine cover */
.locabet-featured-article{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--lb-space-7);
  align-items: center;
  padding: var(--lb-section-y) 0;
}
@media (max-width: 840px){
  .locabet-featured-article{ grid-template-columns: 1fr; gap: var(--lb-space-5); }
}
.locabet-featured-article .wp-block-post-featured-image{
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: var(--lb-radius-lg);
  position: relative;
}
.locabet-featured-article .wp-block-post-featured-image::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 40%;
  background: linear-gradient(180deg, transparent, rgba(10,10,12,0.5));
  pointer-events: none;
}

/* ------------------------------------------------------------
   11. SECTION RHYTHM — masthead, kicker, fleuron refined
   ------------------------------------------------------------ */
.lb-masthead{
  display: flex;
  align-items: center;
  gap: var(--lb-space-5);
  margin: 0 auto var(--lb-space-6);
  max-width: 720px;
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
}
.lb-masthead .line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--lb-color-gold-500), transparent);
}
.lb-masthead .no{
  font-family: var(--lb-font-display);
  font-style: italic;
  font-weight: 300;
  font-size: var(--lb-fs-base);
  letter-spacing: -0.02em;
  text-transform: none;
  color: var(--lb-color-gold-500);
}

/* Section numbers — editöryal caps micro-label, artık devasa değil */
.lb-section-no{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  margin: var(--lb-space-7) auto var(--lb-space-3);
  text-align: center;
  display: block;
  opacity: .75;
}
.lb-section-no::before{
  content: "— ";
  color: var(--lb-color-gold-500);
}

.lb-fleuron{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lb-space-5);
  margin: var(--lb-space-9) auto;
  max-width: 520px;
  color: var(--lb-color-gold-500);
}
.lb-fleuron::before,
.lb-fleuron::after{
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,164,122,0.45), transparent);
}
.lb-fleuron-mark{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-lg);
  letter-spacing: 0.4em;
  color: var(--lb-color-gold-500);
}

/* ------------------------------------------------------------
   12. BYLINE + META — refined
   ------------------------------------------------------------ */
.lb-byline{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--lb-space-3) var(--lb-space-5);
  padding: var(--lb-space-4) 0;
  margin: var(--lb-space-5) 0 var(--lb-space-6);
  border-top: 1px solid rgba(199,164,122,0.2);
  border-bottom: 1px solid rgba(199,164,122,0.2);
  font-size: var(--lb-fs-sm);
  color: var(--lb-color-ink-600);
}
.lb-byline-label{
  font-size: 0.68em;
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  margin-inline-end: var(--lb-space-1);
}
.lb-byline-value{
  color: var(--lb-color-ink-800);
  font-weight: 500;
}
.lb-reading-time{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--lb-color-gold-700);
  padding: 3px 8px;
  border-radius: var(--lb-radius-pill);
  background: var(--lb-gold-glass);
}

.wp-block-post-author__avatar img,
.wp-block-avatar img{
  border-radius: 50%;
  border: 2px solid var(--lb-color-gold-300);
  padding: 2px;
  background: #fff;
}

/* ------------------------------------------------------------
   13. FOOTER — editorial premium
   ------------------------------------------------------------ */
.locabet-footer{
  font-family: var(--lb-font-body);
  color: var(--lb-color-ink-200);
  background: var(--lb-color-ink-950) !important;
  background-image: radial-gradient(ellipse at 20% 0%, rgba(199,164,122,0.08), transparent 60%) !important;
}
.locabet-footer .wp-block-site-title a{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-2xl);
  font-weight: 500;
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-gold-300);
}
.locabet-footer-tagline{
  font-size: var(--lb-fs-sm);
  line-height: var(--lb-lh-relaxed);
  color: var(--lb-color-ink-400);
  max-width: 36ch;
}
/* Footer kolonları — 1.5fr 1fr 1fr 1fr daha dengeli oran (audit 1.3) */
@media (min-width: 782px){
  .locabet-footer-cols{
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: clamp(24px, 3vw, 48px);
    align-items: start;
  }
  .locabet-footer-cols > .wp-block-column{
    flex-basis: auto !important;
    width: 100%;
    align-self: start;
  }
}
/* Mobile: alt alta, geniş boşluk */
@media (max-width: 781px){
  .locabet-footer-cols{ gap: 32px; }
}
/* Footer disclaimer satır kırılmalarını koru */
.locabet-footer-legal p{ white-space: normal; }
.locabet-footer-responsible a{ white-space: nowrap; }
.locabet-footer h6{
  color: var(--lb-color-gold-300) !important;
  font-size: var(--lb-fs-xs) !important;
  letter-spacing: var(--lb-ls-caps) !important;
  margin-bottom: var(--lb-space-4) !important;
}
.locabet-footer .wp-block-categories{
  list-style: none;
  padding: 0;
  margin: 0;
}
.locabet-footer .wp-block-categories li{ margin: 6px 0; }
.locabet-footer .wp-block-categories a{
  background: transparent;
  border: none;
  padding: 0;
  color: var(--lb-color-ink-200);
  font-size: var(--lb-fs-sm);
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
  transition: color var(--lb-dur-fast) var(--lb-ease-out);
  position: relative;
  padding-inline-start: 0;
}
.locabet-footer .wp-block-categories a:hover{
  background: transparent;
  color: var(--lb-color-gold-300);
}
.locabet-footer .wp-block-navigation-item a{
  color: var(--lb-color-ink-200) !important;
  font-size: var(--lb-fs-sm);
}
.locabet-footer .wp-block-navigation-item a:hover{
  color: var(--lb-color-gold-300) !important;
}

.locabet-footer-contact{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--lb-space-3);
}
.locabet-footer-contact li{
  display: flex;
  align-items: center;
  gap: var(--lb-space-3);
  margin: 0;
}
.locabet-footer-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px; height: 32px;
  border-radius: var(--lb-radius-sm);
  background: var(--lb-gold-glass-strong);
  color: var(--lb-color-gold-300);
  font-size: 13px;
  flex-shrink: 0;
  transition: all var(--lb-dur-base) var(--lb-ease-out);
}
.locabet-footer-contact a{
  color: var(--lb-color-ink-200);
  text-decoration: none;
  font-size: var(--lb-fs-sm);
  transition: color var(--lb-dur-fast) var(--lb-ease-out);
}
.locabet-footer-contact a:hover{
  color: var(--lb-color-gold-300);
}
.locabet-footer-contact li:hover .locabet-footer-icon{
  background: var(--lb-color-gold-500);
  color: var(--lb-color-ink-950);
  transform: rotate(-4deg);
}

.locabet-license-badge{
  display: inline-flex;
  align-items: center;
  gap: var(--lb-space-2);
  padding: var(--lb-space-2) var(--lb-space-4);
  margin-top: var(--lb-space-4);
  border: var(--lb-border-gold);
  border-radius: var(--lb-radius-pill);
  background: var(--lb-gold-glass);
  color: var(--lb-color-gold-300);
  font-size: var(--lb-fs-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: all var(--lb-dur-base) var(--lb-ease-out);
}
.locabet-license-badge:hover{
  border-color: var(--lb-color-gold-300);
  background: var(--lb-gold-glass-strong);
  transform: translateY(-1px);
}
.locabet-license-badge svg{
  width: 18px; height: 18px;
  color: var(--lb-color-gold-300);
}

.locabet-footer-legal{
  padding-top: var(--lb-space-5);
  border-top: 1px solid rgba(199,164,122,0.1);
  margin-top: var(--lb-space-7);
}
.locabet-footer-legal p{
  font-size: var(--lb-fs-xs) !important;
  color: var(--lb-color-ink-400) !important;
}

/* ------------------------------------------------------------
   14. FORMS — newsletter + comment polish
   ------------------------------------------------------------ */
.lb-newsletter{
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  padding: var(--lb-space-7) var(--lb-space-5);
}
.lb-newsletter > div:first-child{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
}
.lb-newsletter h3{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-3xl);
  font-weight: 300;
  line-height: var(--lb-lh-tight);
  letter-spacing: var(--lb-ls-display);
  color: var(--lb-color-ink-900);
  margin: var(--lb-space-3) 0 var(--lb-space-4);
  text-wrap: balance;
}
.lb-newsletter-form{
  display: flex;
  gap: var(--lb-space-2);
  padding: 4px;
  margin: var(--lb-space-5) auto var(--lb-space-3);
  max-width: 480px;
  background: #fff;
  border: 1px solid rgba(199,164,122,0.3);
  border-radius: var(--lb-radius-pill);
  box-shadow: var(--lb-shadow-sm);
  transition: border-color var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out);
}
.lb-newsletter-form:focus-within{
  border-color: var(--lb-color-gold-500);
  box-shadow: var(--lb-shadow-md), 0 0 0 4px rgba(199,164,122,0.12);
}
.lb-newsletter-form input[type="email"]{
  flex: 1;
  min-width: 0;
  padding: 12px 18px;
  border: none;
  background: transparent;
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-sm);
  color: var(--lb-color-ink-800);
  outline: none;
}
.lb-newsletter-form input[type="email"]::placeholder{
  color: var(--lb-color-ink-400);
}
.lb-newsletter-form button[type="submit"]{
  flex-shrink: 0;
  padding: 10px 22px;
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-sm);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--lb-color-ink-950);
  background: var(--lb-gold-grad);
  border: none;
  border-radius: var(--lb-radius-pill);
  cursor: pointer;
  transition: transform var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out);
}
.lb-newsletter-form button[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: var(--lb-shadow-gold);
}
.lb-newsletter > div:last-child{
  font-size: var(--lb-fs-xs);
  color: var(--lb-color-ink-400);
  letter-spacing: 0.02em;
}

/* Comment form polish */
.wp-block-post-comments-form,
.comment-form{
  margin-top: var(--lb-space-7);
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{
  display: block;
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  margin-bottom: var(--lb-space-1);
}
.comment-form textarea{
  min-height: 140px;
  resize: vertical;
  font-family: var(--lb-font-body);
  line-height: var(--lb-lh-relaxed);
}
.comment-form .form-submit{ margin-top: var(--lb-space-4); }

/* ------------------------------------------------------------
   15. BUTTONS — primary unified
   ------------------------------------------------------------ */
/* Button — sade: solid gradient + 2 katmanlı shadow (halo yok) */
.btn-primary,
.wp-block-button.is-style-premium-gold .wp-block-button__link{
  font-family: var(--lb-font-body);
  letter-spacing: 0.02em;
}

/* ------------------------------------------------------------
   16. TOC — premium sidebar
   ------------------------------------------------------------ */
.lb-toc{
  background: linear-gradient(180deg, #fff, var(--lb-color-gold-50));
  border: 1px solid var(--lb-color-gold-100);
  box-shadow: var(--lb-shadow-xs);
}
.lb-toc-summary{
  color: var(--lb-color-gold-700);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  letter-spacing: var(--lb-ls-caps);
}
.lb-toc-list{
  border-top: 1px solid var(--lb-color-gold-100);
  margin-top: var(--lb-space-3);
}
.lb-toc-list a{
  font-size: var(--lb-fs-sm);
  line-height: 1.55;
  color: var(--lb-color-ink-600);
  padding: var(--lb-space-2) var(--lb-space-3);
  border-radius: var(--lb-radius-xs);
}
.lb-toc-list a.is-active{
  background: var(--lb-gold-glass);
  color: var(--lb-color-gold-700);
  font-weight: 700;
  border-inline-start-color: var(--lb-color-gold-500);
}

/* ------------------------------------------------------------
   17. RATING STARS — gradient fill + glow
   ------------------------------------------------------------ */
.lb-rating{
  background: linear-gradient(180deg, #fff, var(--lb-color-gold-50));
  border: 1px solid var(--lb-color-gold-100);
  border-radius: var(--lb-radius-lg);
  box-shadow: var(--lb-shadow-sm);
  padding: var(--lb-space-6) var(--lb-space-5);
}
.lb-rating-kicker{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  letter-spacing: var(--lb-ls-caps);
  color: var(--lb-color-gold-700);
}
.lb-rating-title{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-xl);
  font-weight: 400;
  font-style: italic;
  color: var(--lb-color-ink-900);
}
.lb-stars{
  background: transparent;
  padding: 0;
  gap: 2px;
}
.lb-star svg{
  transition: fill var(--lb-dur-base) var(--lb-ease-out),
              transform var(--lb-dur-base) var(--lb-ease-spring),
              filter var(--lb-dur-base) var(--lb-ease-out);
}
.lb-star.filled svg{
  fill: var(--lb-color-gold-500);
  filter: drop-shadow(0 2px 4px rgba(199,164,122,0.35));
}
.lb-star:hover:not(:disabled) svg{
  transform: scale(1.18) rotate(-4deg);
}

/* ------------------------------------------------------------
   18. RESPONSIBLE GAMING ALERT — refined
   ------------------------------------------------------------ */
.lb-rg-alert{
  background: linear-gradient(135deg, var(--lb-color-gold-50), #FFEFD5);
  border: 1px solid var(--lb-color-gold-100);
  border-inline-start: 4px solid var(--lb-color-accent-ruby);
  box-shadow: var(--lb-shadow-sm);
}
.lb-rg-title{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-base);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--lb-color-gold-900);
}
.lb-rg-hotline{
  font-family: var(--lb-font-body);
}
.lb-rg-hotline-label{
  font-size: var(--lb-fs-xs);
  letter-spacing: var(--lb-ls-caps);
}
.lb-rg-hotline-num{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-xl);
  font-weight: 500;
}

/* ------------------------------------------------------------
   19. SHARE BUTTONS — refined
   ------------------------------------------------------------ */
.lb-share{
  border-top: 1px solid var(--lb-color-gold-100);
  border-bottom: 1px solid var(--lb-color-gold-100);
  gap: var(--lb-space-2);
  padding: var(--lb-space-5) 0;
  margin: var(--lb-space-7) 0;
}
.lb-share-label{
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  letter-spacing: var(--lb-ls-caps);
  color: var(--lb-color-gold-700);
}
.lb-share-btn{
  width: 42px; height: 42px;
  background: var(--lb-gold-glass);
  border: 1px solid rgba(199,164,122,0.2);
  color: var(--lb-color-gold-700);
  transition: all var(--lb-dur-base) var(--lb-ease-out);
}
.lb-share-btn:hover{
  background: var(--lb-gold-grad);
  color: var(--lb-color-ink-950);
  border-color: transparent;
  transform: translateY(-2px) scale(1.04);
  box-shadow: var(--lb-shadow-gold);
}

/* ------------------------------------------------------------
   20. BOOKMARK + SCROLL-TOP — floating controls
   ------------------------------------------------------------ */
.lb-bookmark-btn{
  width: 48px; height: 48px;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid var(--lb-color-gold-100);
  color: var(--lb-color-gold-700);
  box-shadow: var(--lb-shadow-md);
  transition: all var(--lb-dur-base) var(--lb-ease-out);
}
.lb-bookmark-btn:hover{
  background: #fff;
  transform: translateY(-3px) scale(1.06);
  box-shadow: var(--lb-shadow-lg);
}
.lb-bookmark-btn[aria-pressed="true"],
.lb-bookmark-btn.saved{
  background: var(--lb-gold-grad);
  color: var(--lb-color-ink-950);
  border-color: transparent;
}

.lb-scroll-top{
  position: fixed;
  right: clamp(12px, 2vw, 32px);
  bottom: 24px;
  width: 44px; height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--lb-color-gold-100);
  color: var(--lb-color-gold-700);
  cursor: pointer;
  z-index: 60;
  box-shadow: var(--lb-shadow-md);
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity var(--lb-dur-base) var(--lb-ease-out),
              transform var(--lb-dur-base) var(--lb-ease-out),
              background-color var(--lb-dur-base) var(--lb-ease-out);
}
.lb-scroll-top.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.lb-scroll-top:hover{
  background: var(--lb-gold-grad);
  color: var(--lb-color-ink-950);
  border-color: transparent;
}

/* Reading progress — gold gradient bar */
.lb-reading-progress{
  height: 3px;
  background: var(--lb-gold-grad);
  box-shadow: 0 0 12px rgba(199,164,122,0.6), 0 0 0 1px rgba(255,255,255,0.08);
}

/* ------------------------------------------------------------
   21. BREADCRUMB — refined
   ------------------------------------------------------------ */
.lb-breadcrumb{
  margin: var(--lb-space-5) 0 var(--lb-space-3);
  font-size: var(--lb-fs-xs);
  letter-spacing: 0.03em;
  color: var(--lb-color-ink-400);
  font-family: var(--lb-font-body);
  font-weight: 500;
}
.lb-breadcrumb a{
  color: var(--lb-color-ink-600);
  text-decoration: none;
  transition: color var(--lb-dur-fast) var(--lb-ease-out);
}
.lb-breadcrumb a:hover{ color: var(--lb-color-gold-700); }
.lb-breadcrumb .sep{ color: var(--lb-color-gold-500); font-size: 10px; }
.lb-breadcrumb .current{
  color: var(--lb-color-ink-900);
  font-weight: 700;
}

/* ------------------------------------------------------------
   22. CATEGORY/TERM CHIP refinement
   ------------------------------------------------------------ */
.wp-block-post-terms a,
.wp-block-categories a{
  padding: 4px 10px;
  font-family: var(--lb-font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  color: var(--lb-color-gold-700);
  background: transparent;
  border: 1px solid rgba(199,164,122,0.28);
  border-radius: var(--lb-radius-pill);
  text-decoration: none;
  transition: border-color var(--lb-dur-fast) var(--lb-ease-out),
              color var(--lb-dur-fast) var(--lb-ease-out);
}
.wp-block-post-terms a:hover,
.wp-block-categories a:hover{
  border-color: var(--lb-color-gold-500);
  color: var(--lb-color-gold-900);
}

/* ------------------------------------------------------------
   23. FIGURE + CAPTION — editorial
   ------------------------------------------------------------ */
figure.wp-block-image{
  margin: var(--lb-space-7) 0;
}
figure.wp-block-image img{
  border-radius: var(--lb-radius-md);
  box-shadow: var(--lb-shadow-md);
}
figure.wp-block-image figcaption{
  margin-top: var(--lb-space-3);
  padding-inline-start: var(--lb-space-4);
  border-inline-start: 2px solid var(--lb-color-gold-500);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-style: normal;
  color: var(--lb-color-ink-600);
  line-height: var(--lb-lh-normal);
  letter-spacing: 0.01em;
}

/* ------------------------------------------------------------
   24. COOKIE + EXIT MODAL — premium refinement
   ------------------------------------------------------------ */
.lb-cookie-banner{
  background: linear-gradient(180deg, rgba(10,10,12,0.94), rgba(17,19,24,0.96));
  border-top: 1px solid var(--lb-color-gold-500);
  font-family: var(--lb-font-body);
}
.lb-cookie-text strong{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-base);
  font-weight: 500;
  color: var(--lb-color-gold-300);
  letter-spacing: var(--lb-ls-display);
}
.lb-cookie-accept{
  background: var(--lb-gold-grad);
  box-shadow: var(--lb-shadow-gold);
}

.lb-exit-modal{ background: rgba(10,10,12,0.76); }
.lb-exit-card{
  background: #fff;
  border-radius: var(--lb-radius-xl);
  padding: var(--lb-space-7) var(--lb-space-6);
  box-shadow: var(--lb-shadow-xl);
  border: 1px solid var(--lb-color-gold-100);
}
.lb-exit-kicker{
  font-family: var(--lb-font-body);
  letter-spacing: var(--lb-ls-caps);
  color: var(--lb-color-gold-700);
}
.lb-exit-title{
  font-family: var(--lb-font-display);
  font-size: var(--lb-fs-2xl);
  font-weight: 300;
  letter-spacing: var(--lb-ls-display);
  line-height: var(--lb-lh-tight);
  color: var(--lb-color-ink-900);
}

/* ------------------------------------------------------------
   25. TABLES (comparison) — editorial
   ------------------------------------------------------------ */
.wp-block-table table,
.lb-comparison table{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid var(--lb-color-gold-100);
  border-radius: var(--lb-radius-md);
  overflow: hidden;
  font-family: var(--lb-font-body);
}
.wp-block-table th{
  background: var(--lb-color-ink-950);
  color: var(--lb-color-gold-300);
  font-family: var(--lb-font-body);
  font-size: var(--lb-fs-xs);
  font-weight: 700;
  letter-spacing: var(--lb-ls-caps);
  text-transform: uppercase;
  padding: var(--lb-space-3) var(--lb-space-4);
  text-align: left;
}
.wp-block-table td{
  padding: var(--lb-space-3) var(--lb-space-4);
  border-bottom: 1px solid var(--lb-color-gold-100);
  font-size: var(--lb-fs-sm);
}
.wp-block-table tbody tr:nth-child(even) td{
  background: var(--lb-color-gold-50);
}
.wp-block-table tbody tr:hover td{
  background: var(--lb-gold-glass);
}

/* ------------------------------------------------------------
   26. GLOBAL UTILITY — containers
   ------------------------------------------------------------ */
.has-text-align-center.is-style-chip,
.has-text-align-center.lb-kicker{
  align-self: center;
}

/* Paragraph small-caps utility */
.has-small-caps{
  font-variant: all-small-caps;
  letter-spacing: 0.06em;
}

/* Editor's mark — end of article */
.lb-editors-mark{
  font-family: var(--lb-font-display);
  font-style: italic;
  font-size: var(--lb-fs-sm);
  letter-spacing: 0.06em;
  color: var(--lb-color-gold-700);
  border-top-color: var(--lb-color-gold-100);
}

/* ------------------------------------------------------------
   27. DARK MODE — token overrides
   ------------------------------------------------------------ */
@media (prefers-color-scheme: dark){
  body{
    background: var(--lb-color-ink-950);
    color: var(--lb-color-ink-200);
  }
  h1, h2, h3, .wp-block-post-title, .wp-block-query-title{
    color: var(--lb-color-ink-100);
  }
  .wp-block-post-content p{ color: var(--lb-color-ink-200); }
  .lb-header{
    background: rgba(10,10,12,0.78);
    border-bottom-color: rgba(199,164,122,0.1);
  }
  .lb-header .wp-block-site-title a{ color: var(--lb-color-gold-300); }
  .lb-header .wp-block-navigation-item a{ color: var(--lb-color-ink-200); }
  .is-style-card,
  .wp-block-group.is-style-card,
  .locabet-guide-card{
    background: var(--lb-color-ink-900);
    border-color: rgba(199,164,122,0.18);
    color: var(--lb-color-ink-200);
  }
  .locabet-guide-card .wp-block-post-title a{ color: var(--lb-color-ink-100); }
  .lb-toc{
    background: linear-gradient(180deg, var(--lb-color-ink-900), var(--lb-color-ink-800));
    border-color: rgba(199,164,122,0.2);
    color: var(--lb-color-ink-200);
  }
  .lb-toc-list a{ color: var(--lb-color-ink-200); }
  .lb-rating{
    background: linear-gradient(180deg, var(--lb-color-ink-900), var(--lb-color-ink-800));
    border-color: rgba(199,164,122,0.2);
  }
  .lb-rating-title{ color: var(--lb-color-ink-100); }
  .wp-block-table td{ border-bottom-color: rgba(199,164,122,0.15); }
  .wp-block-table tbody tr:nth-child(even) td{ background: rgba(199,164,122,0.04); }
  blockquote:not(.wp-block-pullquote){ color: var(--lb-color-ink-200); }
  .lb-newsletter-form{
    background: var(--lb-color-ink-900);
    border-color: rgba(199,164,122,0.25);
  }
  .lb-newsletter-form input[type="email"]{ color: var(--lb-color-ink-100); }
  .lb-bookmark-btn,
  .lb-scroll-top{
    background: rgba(17,19,24,0.92);
    border-color: rgba(199,164,122,0.25);
    color: var(--lb-color-gold-300);
  }
  .comment-form textarea,
  .comment-form input{
    background: var(--lb-color-ink-900);
    color: var(--lb-color-ink-100);
    border-color: rgba(199,164,122,0.22);
  }
}

/* ------------------------------------------------------------
   28. REDUCE MOTION — final cascade
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  .locabet-guide-card .wp-block-post-featured-image img{ transition: none; }
  .locabet-guide-card:hover .wp-block-post-featured-image img{ transform: none; }
  .lb-hero-cinematic::before{ animation: none; }
}

/* ------------------------------------------------------------
   29. PRINT — final editorial
   ------------------------------------------------------------ */
@media print{
  body{ font-size: 11pt; line-height: 1.5; color: #000; background: #fff; }
  h1, h2, h3{ color: #000; page-break-after: avoid; }
  p, li{ orphans: 3; widows: 3; }
  .wp-block-post-content p{ font-size: 11pt; }
  figure{ page-break-inside: avoid; }
  .lb-toc, .lb-share, .lb-cookie-banner, .lb-exit-modal, .lb-scroll-top,
  .lb-bookmark-btn, .lb-reading-progress, .btn-primary, .btn-cta,
  .locabet-premium-cta-wrap, .lb-newsletter, .wp-block-comments,
  .locabet-footer, .lb-rating, .lb-rg-hotlines{
    display: none !important;
  }
}

/* ============================================================
   ════════════════════════════════════════════════════════════
   EDITORIAL RESTRAINT — son katman, fazlalık dekoru kapatır.
   GeneratePress / Stripe Press / The Athletic disiplinine yakın.
   ════════════════════════════════════════════════════════════
   ============================================================ */

/* 1) Genel yumuşatma: hero+section spacing daha sakin, container ortalı */
:where(main) > .wp-block-group{ margin-block: clamp(40px, 6vw, 88px); }
:where(main) .alignwide{ max-width: var(--lb-container); margin-inline: auto; }
/* Alignfull içeriği wideSize ile sınırlı — ama hero'lar tam ekran */
:where(main) .alignfull > .wp-block-group:not(.lb-hero-cinematic):not(.locabet-hero-centered){
  max-width: var(--lb-container-wide);
  margin-inline: auto;
}
/* Hero alignfull — viewport genişliği, constraint'ten bağımsız */
.lb-hero-cinematic,
.locabet-hero-centered{
  max-width: none;
  width: 100%;
}
:where(main) .alignfull > .lb-hero-cinematic,
:where(main) .alignfull > .locabet-hero-centered,
:where(main) > .lb-hero-cinematic,
:where(main) > .locabet-hero-centered{
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  max-width: none !important;
}

/* 2) Hero — layout-only default; renk media query'den */
.lb-hero-cinematic,
.locabet-hero-centered{
  padding: clamp(56px, 9vw, 120px) clamp(20px, 4vw, 48px);
}
.lb-hero-cinematic::after{ display: none; }
.lb-hero-cinematic h1 em,
.locabet-hero-centered h1 em,
.wp-block-post-title em,
.is-kinetic em{
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--lb-color-gold-700);
  font-style: italic;
  font-weight: inherit;
}

/* Hero Light mode — beyaz panel + ink heading */
@media (prefers-color-scheme: light){
  .lb-hero-cinematic,
  .locabet-hero-centered{
    background:
      radial-gradient(ellipse at 50% 0%, rgba(232,210,168,.18) 0%, transparent 65%),
      var(--lb-color-ink-50, #FAFBFC);
    color: var(--wp--preset--color--ink, #1A1513);
  }
  .lb-hero-cinematic h1,
  .lb-hero-cinematic h2,
  .lb-hero-cinematic .wp-block-heading,
  .locabet-hero-centered h1,
  .locabet-hero-centered .wp-block-heading{
    color: var(--wp--preset--color--ink, #1A1513);
  }
  .lb-hero-cinematic p,
  .lb-hero-cinematic .has-medium-font-size,
  .locabet-hero-centered p{
    color: var(--wp--preset--color--ink-soft, #4A5260);
  }
  .lb-hero-cinematic .is-style-chip,
  .lb-hero-cinematic .lb-masthead{
    color: var(--wp--preset--color--gold-dark, #8A6A1A);
  }
}

/* Hero Dark mode — koyu gradient + ivory heading */
@media (prefers-color-scheme: dark){
  .lb-hero-cinematic,
  .locabet-hero-centered{
    background: linear-gradient(180deg, #1A1513 0%, #2A2420 100%);
    color: #E9ECEF;
  }
  .lb-hero-cinematic h1,
  .lb-hero-cinematic h2,
  .lb-hero-cinematic .wp-block-heading,
  .locabet-hero-centered h1,
  .locabet-hero-centered .wp-block-heading{
    color: #F5EFE3;
  }
  .lb-hero-cinematic p,
  .lb-hero-cinematic .has-medium-font-size,
  .locabet-hero-centered p{
    color: #D4D2CE;
  }
  .lb-hero-cinematic .is-style-chip,
  .lb-hero-cinematic .lb-masthead{
    color: #E6C98A;
  }
}

/* 3) Kinetic başlık — media-aware; cascade conflict'leri engellemek için
   layout-only default, renk media query'den geliyor */
.is-kinetic{
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 400 !important;
  letter-spacing: -0.025em;
}
@media (prefers-color-scheme: light){
  .is-kinetic{
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: var(--wp--preset--color--ink, #1A1513) !important;
  }
}
@media (prefers-color-scheme: dark){
  .is-kinetic{
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    color: var(--wp--preset--color--gold-light, #E8D2A8) !important;
  }
}
/* Koyu surface üstünde (ink/dark bg sınıfları) — explicit override */
[class*="has-ink-"] .is-kinetic,
.is-style-surface-dark .is-kinetic,
.has-ink-background-color .is-kinetic{
  color: var(--wp--preset--color--gold-light, #E8D2A8) !important;
}

/* 4) Listeler — SADECE post-content içindeki içerik listelerine özel marker.
      Navigation, footer, comment, breadcrumb, toc bozulmasın. */
.wp-block-post-content :is(.wp-block-navigation, .wp-block-page-list, nav) ul,
.wp-block-post-content :is(.wp-block-navigation, .wp-block-page-list, nav) ol,
.locabet-footer ul, .locabet-footer ol,
.lb-toc ol, .lb-toc-list,
nav ul, nav ol,
.wp-block-categories,
.wp-block-comments ol, .wp-block-comments ul,
.comment-list, .comment-list *,
.wp-block-page-list, .wp-block-page-list *{
  list-style: none;
  padding-inline-start: 0;
}
.wp-block-post-content :is(.wp-block-navigation, .wp-block-page-list, nav) li::before,
.locabet-footer li::before,
.lb-toc li::before, .lb-toc-list li::before,
nav li::before,
.wp-block-categories li::before,
.wp-block-comments li::before,
.comment-list li::before,
.wp-block-page-list li::before{
  display: none !important;
  content: none !important;
}

/* 5) Card — layout default (renk media query'de) */
.is-style-card,
.wp-block-group.is-style-card{
  border: 1px solid rgba(42,36,32,0.08);
  border-radius: var(--lb-radius-md);
  box-shadow: var(--lb-shadow-xs);
  padding: var(--lb-space-5);
  transition: border-color var(--lb-dur-base) var(--lb-ease-out),
              box-shadow var(--lb-dur-base) var(--lb-ease-out),
              transform var(--lb-dur-base) var(--lb-ease-out);
}
/* Card başlıkları — Türkçe karakter (ğ/ş) alt kırpılma engelle + WCAG boyut */
.is-style-card :is(h2, h3, h4, h5, h6),
.wp-block-group.is-style-card :is(h2, h3, h4, h5, h6){
  line-height: 1.3;
}
.is-style-card h4,
.wp-block-group.is-style-card h4{
  font-size: clamp(18px, 1.25rem, 20px);
}

/* Card Light mode — beyaz bg + ink heading + ink-soft body + gold-dark link */
@media (prefers-color-scheme: light){
  .is-style-card,
  .wp-block-group.is-style-card{
    background: var(--wp--custom--card--bg-light, #fff);
  }
  .is-style-card :is(h2, h3, h4, h5, h6),
  .wp-block-group.is-style-card :is(h2, h3, h4, h5, h6){
    color: var(--wp--custom--card--heading-light, #1A1513);
  }
  .is-style-card p,
  .wp-block-group.is-style-card p{
    color: var(--wp--custom--card--body-light, #4A5260);
  }
  .is-style-card a:not(.wp-block-button__link),
  .wp-block-group.is-style-card a:not(.wp-block-button__link){
    color: var(--wp--custom--card--link-light, #8A6A1A);
  }
}

.is-style-card:hover,
.wp-block-group.is-style-card:hover{
  border-color: rgba(199,164,122,0.3);
  box-shadow: var(--lb-shadow-sm);
  transform: translateY(-1px);
}

/* 6) Featured image hover — minimal scale + filter */
.locabet-guide-card .wp-block-post-featured-image img{ transition: transform .4s var(--lb-ease-out); }
.locabet-guide-card:hover .wp-block-post-featured-image img{
  transform: scale(1.02);
  filter: none;
}

/* 7) Category chip — düz yazı stili (chip vurgusu sade) */
.locabet-category-chips .wp-block-categories a{
  background: transparent;
  border: 1px solid rgba(42,36,32,0.1);
  color: var(--lb-color-ink-700);
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  padding: 8px 14px;
}
.locabet-category-chips .wp-block-categories a:hover{
  background: transparent;
  border-color: var(--lb-color-gold-500);
  color: var(--lb-color-gold-700);
  box-shadow: none;
}

/* 8) Button — solid, minimal (varsayılan WP butonu) */
.wp-block-button .wp-block-button__link{
  border-radius: var(--lb-radius-pill);
  font-weight: 600;
  letter-spacing: 0;
  padding: 12px 22px;
  box-shadow: none;
  transition: background-color var(--lb-dur-base) var(--lb-ease-out),
              transform var(--lb-dur-base) var(--lb-ease-out);
}
.wp-block-button .wp-block-button__link:hover{
  transform: translateY(-1px);
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background: transparent;
  border: 1px solid var(--lb-color-gold-500);
  color: var(--lb-color-gold-700);
}

/* 9) Heading: gradient text efektlerini hero dışında neutralize et */
:where(.wp-block-heading.is-style-gold-accent){
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--lb-color-gold-700);
}

/* 10) Reveal animasyonu daha sakin — translateY 12px, opacity-only @desktop */
.reveal{ transform: translateY(12px); transition-duration: .5s; }

/* 11) Footer: warm dark, less ornament */
.locabet-footer{
  background: var(--lb-color-ink-900) !important;
  background-image: none !important;
}
.locabet-footer::before,
.locabet-footer::after{ display: none; }
.locabet-footer .has-noise::before{ display: none; }

/* 12) Pull-quote süsünü sadeleştir (büyük tırnak küçült) */
.wp-block-pullquote::before{
  font-size: clamp(56px, 6vw, 80px);
  color: rgba(199,164,122,0.35);
  top: -8px;
}

/* 13) TOC pill highlight tonunu yumuşat */
.lb-toc-list a.is-active{
  background: transparent;
  border-inline-start-color: var(--lb-color-gold-500);
  font-weight: 600;
}

/* 14) Share button hover'da gold gradient invert yerine subtle */
.lb-share-btn:hover{
  background: #fff;
  color: var(--lb-color-gold-700);
  border-color: var(--lb-color-gold-500);
  transform: translateY(-1px);
  box-shadow: var(--lb-shadow-xs);
}

/* 15) Premium CTA dot — pulse yerine sabit nokta (rahatsız etmesin) */
.btn-cta-dot{ animation: none; box-shadow: 0 0 0 3px rgba(30,122,79,0.18); }

/* 16) Topbar yıldızlı 18+ chip'ini yumuşat (gold gradient yerine line) */
.lb-topbar-note strong{
  background: transparent;
  border: 1px solid var(--lb-color-gold-500);
  color: var(--lb-color-gold-300);
  font-weight: 700;
  padding: 1px 6px;
}

/* 17) Selection rengi: çok parlak değil */
::selection{ background: var(--lb-color-gold-300); color: var(--lb-color-ink-900); }
::-moz-selection{ background: var(--lb-color-gold-300); color: var(--lb-color-ink-900); }

/* 18) Scrollbar: gold gradient yerine grey */
::-webkit-scrollbar-thumb{
  background: rgba(42,36,32,0.18);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{
  background: rgba(42,36,32,0.32);
  background-clip: padding-box;
}

/* 19) Body hyphens TR için kapat (kelime kırma garip görünüyor) */
body, p, .wp-block-post-content p{ hyphens: manual; }

/* 20) Default link decoration: hero/heading'lerin içinde altın değil */
.lb-hero-cinematic a:not(.btn-primary):not(.wp-block-button__link),
.locabet-hero-centered a:not(.btn-primary):not(.wp-block-button__link){
  color: var(--lb-color-ink-900);
  text-decoration: none;
}

/* ============================================================
   #9 KÜÇÜK İYİLEŞTİRMELER
   ============================================================ */

/* a. Admin bar offset — sticky header admin bar ile çakışmasın */
html{ scroll-padding-top: var(--wp-admin--admin-bar--height, 0); }
body.admin-bar .lb-topbar{ top: var(--wp-admin--admin-bar--height, 32px); }
body.admin-bar .lb-header{ top: calc( var(--wp-admin--admin-bar--height, 32px) + 38px ); }

/* b. prefers-reduced-motion — tüm reveal/animate kapat */
@media (prefers-reduced-motion: reduce){
	.reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
	.lb-element--floating{ animation: none !important; }
	*, *::before, *::after{
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* d. Footer sorumlu oyun + BTK ibaresi */
.locabet-footer-responsible{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 20px;
	margin-top: 16px;
	border-top: 1px solid rgba(199,164,122,0.1);
	font-size: 11px;
	letter-spacing: 0.04em;
	color: var(--lb-color-ink-400, #8a94a3);
	text-align: center;
}
.locabet-footer-responsible a{ color: var(--lb-color-gold-300, #E6C98A); text-decoration: none; }
.locabet-footer-responsible a:hover{ text-decoration: underline; }
.locabet-footer-responsible strong{ color: var(--lb-color-gold-300, #E6C98A); }

/* ============================================================
   WCAG 1.4.1 — Link ayırt edilebilirlik (renk+underline)
   ============================================================ */
.locabet-footer a,
.lb-footer a{
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
}
.locabet-footer a:hover,
.lb-footer a:hover{ text-decoration-color: currentColor; }

/* İçerik linkleri — button, affiliate chip, card içi hariç */
.wp-block-post-content a:not(.wp-block-button__link):not([data-aff]):not(.lb-no-underline){
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

/* Nav linklerinde hover/current altında gold bar (lift etkisi) */
.wp-block-navigation-item > a,
.lb-nav .wp-block-navigation-item > a{
  position: relative;
}
.wp-block-navigation-item > a::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 1px;
  background: var(--wp--preset--color--gold, #C7A47A);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s var(--lb-ease-lux, ease);
}
.wp-block-navigation-item > a:hover::after,
.wp-block-navigation-item.current-menu-item > a::after,
.wp-block-navigation-item > a[aria-current]::after{ transform: scaleX(1); }
@media (prefers-reduced-motion: reduce){
  .wp-block-navigation-item > a::after{ transition: none; }
}

/* ============================================================
   CONTACT FORM — a11y-first, glass card tasarım
   ============================================================ */
.lb-contact-form-wrap{
  background: var(--wp--custom--card--bg-light, #fff);
  border: 1px solid rgba(42,36,32,.08);
  border-radius: var(--lb-radius-md, 12px);
  box-shadow: var(--lb-shadow-soft, 0 4px 12px -4px rgba(15,20,25,.08));
  padding-inline: clamp(20px, 4vw, 40px) !important;
}
@media (prefers-color-scheme: dark){
  .lb-contact-form-wrap{
    background: var(--wp--custom--card--bg-dark, #251F1B);
    border-color: rgba(199,164,122,.25);
    color: var(--wp--custom--card--body-dark, #C9C3BD);
  }
}
.lb-contact-alert{
  padding: 14px 18px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}
.lb-contact-alert--success{
  background: rgba(32,128,64,.08);
  border: 1px solid rgba(32,128,64,.3);
  color: #1e5e3a;
}
.lb-contact-alert--error{
  background: rgba(178,58,72,.08);
  border: 1px solid rgba(178,58,72,.3);
  color: #8a2834;
}
@media (prefers-color-scheme: dark){
  .lb-contact-alert--success{ color: #7fce9c; background: rgba(32,128,64,.18); }
  .lb-contact-alert--error{ color: #e78797; background: rgba(178,58,72,.18); }
}

.lb-contact-form{
  display: grid;
  gap: 18px;
}
.lb-contact-form .lb-form-row{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lb-contact-form label{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--lb-color-ink-700, #2A2420);
}
@media (prefers-color-scheme: dark){
  .lb-contact-form label{ color: var(--wp--custom--card--heading-dark, #F5EFE3); }
}
.lb-contact-form input[type="text"],
.lb-contact-form input[type="email"],
.lb-contact-form select,
.lb-contact-form textarea{
  width: 100%;
  padding: 12px 14px;
  /* iOS Safari zoom engelle */
  font-size: 16px;
  font-family: inherit;
  border: 1px solid rgba(199,164,122,.35);
  border-radius: 8px;
  background: #fff;
  color: var(--lb-color-ink-900, #111318);
  transition: border-color .2s ease, box-shadow .2s ease;
}
@media (prefers-color-scheme: dark){
  .lb-contact-form input,
  .lb-contact-form select,
  .lb-contact-form textarea{
    background: rgba(15,15,16,.5);
    color: var(--wp--custom--card--heading-dark, #F5EFE3);
    border-color: rgba(199,164,122,.25);
  }
}
.lb-contact-form input:focus,
.lb-contact-form select:focus,
.lb-contact-form textarea:focus{
  border-color: var(--wp--preset--color--gold, #C7A47A);
  box-shadow: 0 0 0 3px rgba(199,164,122,.18);
}
.lb-contact-form textarea{
  min-height: 120px;
  resize: vertical;
}
.lb-contact-form .lb-form-consent{
  flex-direction: row !important;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.5;
}
.lb-contact-form .lb-form-consent input{
  width: auto;
  margin-top: 3px;
  accent-color: var(--wp--preset--color--gold, #C7A47A);
}
.lb-contact-form .lb-form-consent label{
  font-weight: 400;
  letter-spacing: 0;
}
.lb-contact-form .lb-form-consent a{
  color: var(--wp--preset--color--gold-dark, #8A6A1A);
  text-decoration: underline;
}
.lb-contact-form .lb-form-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
.lb-contact-form .lb-btn--primary,
.lb-contact-form button[type="submit"]{
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  background: var(--lb-gold-grad, linear-gradient(135deg, #C7A47A 0%, #8A6A1A 100%));
  color: #1A1513;
  border: 1px solid rgba(199,164,122,.6);
  border-radius: 999px;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.lb-contact-form button[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 32px -12px rgba(212,175,55,.55);
}
.lb-contact-form .lb-form-note{
  font-size: 12px;
  color: var(--lb-color-ink-400, #8A94A3);
}

/* ============================================================
   CONTAINER QUERIES — component-level responsive
   Desteklenmeyen tarayıcılarda (≤ 2022 Chrome 105, Safari 16)
   normal viewport media query'leri fallback olarak iş görür.
   ============================================================ */

/* Card containerlar — kendi genişliğine göre layout değiştirir */
.wp-block-query,
.locabet-guide-card,
.is-style-card,
.locabet-footer-cols{
  container-type: inline-size;
}

/* Guide card — dar container'da (<280px) dikey stack, typography küçült */
@container (max-width: 280px){
  .locabet-guide-card .wp-block-post-title{
    font-size: clamp(17px, 5vw, 19px) !important;
    line-height: 1.25 !important;
  }
  .locabet-guide-card .wp-block-post-excerpt{
    display: none;
  }
  .locabet-guide-card .wp-block-post-featured-image img{
    max-height: 140px;
  }
}

/* Card content — çok dar container'da iç padding küçült */
@container (max-width: 240px){
  .is-style-card{
    padding: var(--lb-space-3, 12px) !important;
  }
  .is-style-card :is(h2, h3, h4, h5, h6){
    font-size: clamp(15px, 4.5vw, 17px) !important;
  }
}

/* Footer kolonlar — container <600px'de alt alta */
@container (max-width: 600px){
  .locabet-footer-cols{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .locabet-footer-cols > .wp-block-column{
    flex-basis: 100% !important;
  }
}

/* @container query desteklemeyen tarayıcılar için viewport fallback */
@supports not (container-type: inline-size){
  @media (max-width: 640px){
    .locabet-guide-card .wp-block-post-excerpt{ display: none; }
    .locabet-guide-card .wp-block-post-featured-image img{ max-height: 140px; }
  }
}

/* ============================================================
   ═══════════════════════════════════════════════════════════════
   UNIVERSAL COLOR OVERRIDE — son katman, theme.json inline styles
   tarafından ezilmesin diye !important ile koşulsuz kontrast
   garantisi. Light ve Dark modun her ikisinde okunabilirlik.
   ═══════════════════════════════════════════════════════════════
   ============================================================ */

/* ---------- DARK MODE ---------- */
@media (prefers-color-scheme: dark){

  /* Body — theme.json inline style (color:#2A2420) bunu yensin diye !important */
  body,
  body.wp-site-blocks{
    background: #0F0F10 !important;
    color: #F5EFE3 !important;
  }

  /* Başlıklar — theme.json h1/h2/h3/h4 color:ink (#1A1513) ezer */
  body h1, body h2, body h3, body h4, body h5, body h6,
  body .wp-block-heading,
  body .wp-block-post-title,
  body .wp-block-query-title,
  body .wp-block-post-content h1,
  body .wp-block-post-content h2,
  body .wp-block-post-content h3,
  body .wp-block-post-content h4,
  body .wp-block-post-content h5,
  body .wp-block-post-content h6{
    color: #F5EFE3 !important;
  }

  /* Paragraf + liste — açık gri ivory tonu */
  body p,
  body li,
  body .wp-block-post-content p,
  body .wp-block-post-content li,
  body .wp-block-post-excerpt p,
  body .wp-block-post-excerpt{
    color: #C9C3BD !important;
  }

  /* Link — altın ton (button ve chip hariç) */
  body a:not(.wp-block-button__link):not(.is-style-chip):not([data-aff]):not(.lb-no-underline),
  body .wp-block-post-content a:not(.wp-block-button__link):not([data-aff]){
    color: #E6C98A !important;
  }
  body a:not(.wp-block-button__link):not(.is-style-chip):hover{
    color: #F0DBB2 !important;
  }

  /* Kart (is-style-card) — bg + iç text */
  body .wp-block-group.is-style-card,
  body .is-style-card{
    background: #251F1B !important;
    border-color: rgba(199,164,122,.25) !important;
  }
  body .wp-block-group.is-style-card :is(h1,h2,h3,h4,h5,h6),
  body .wp-block-group.is-style-card .wp-block-heading,
  body .is-style-card :is(h1,h2,h3,h4,h5,h6){
    color: #F5EFE3 !important;
  }
  body .wp-block-group.is-style-card p,
  body .is-style-card p{
    color: #C9C3BD !important;
  }
  body .wp-block-group.is-style-card a:not(.wp-block-button__link),
  body .is-style-card a:not(.wp-block-button__link){
    color: #E6C98A !important;
  }

  /* Hero cinematic — dark gradient + ivory heading zorla */
  body .lb-hero-cinematic,
  body .locabet-hero-centered{
    background: linear-gradient(180deg, #1A1513 0%, #2A2420 100%) !important;
    color: #E9ECEF !important;
  }
  body .lb-hero-cinematic :is(h1,h2,h3,.wp-block-heading),
  body .locabet-hero-centered :is(h1,h2,h3,.wp-block-heading){
    color: #F5EFE3 !important;
  }
  body .lb-hero-cinematic p,
  body .lb-hero-cinematic .has-medium-font-size,
  body .locabet-hero-centered p{
    color: #D4D2CE !important;
  }

  /* Chip başlık — gold-light + koyu bg */
  body .wp-block-heading.is-style-chip,
  body h2.is-style-chip,
  body h3.is-style-chip{
    color: #E8D2A8 !important;
    background: rgba(15,15,16,.5) !important;
    border-color: currentColor !important;
  }

  /* Kinetic başlık — gold-light gradient yerine düz gold-light */
  body .is-kinetic{
    color: #E8D2A8 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
  }

  /* Nav + header linkleri */
  body .lb-header a,
  body .wp-block-navigation a,
  body .wp-block-navigation-item a{
    color: #F5EFE3 !important;
  }
  body .lb-header a:hover,
  body .wp-block-navigation a:hover{
    color: #E8D2A8 !important;
  }

  /* Footer — zaten koyu ama text tonları zorla */
  body .locabet-footer p,
  body .locabet-footer li,
  body .locabet-footer a{
    color: #C9C3BD !important;
  }
  body .locabet-footer a:hover{ color: #E8D2A8 !important; }
  body .locabet-footer h6{ color: #E6C98A !important; }

  /* Breadcrumb */
  body .lb-breadcrumb{ color: #C9C3BD !important; }
  body .lb-breadcrumb a{ color: #E6C98A !important; }
  body .lb-breadcrumb .current{ color: #F5EFE3 !important; }

  /* Form input placeholder + text */
  body input[type="text"],
  body input[type="email"],
  body input[type="search"],
  body textarea,
  body select{
    background: rgba(15,15,16,.6) !important;
    color: #F5EFE3 !important;
    border-color: rgba(199,164,122,.3) !important;
  }
  body input::placeholder,
  body textarea::placeholder{
    color: #8A94A3 !important;
  }

  /* ---------- Light-intent kartlar (krem/beyaz bg KORUMASI) ----------
     Methodology, responsible-gaming-alert, alert variant, help-lines
     kasten light bg tutar; dark mode'daki global text color'ı BU KARTLARA
     UYGULAMA — krem zemin üstünde koyu ink renklere ZORLA. */
  body .is-style-methodology,
  body .is-style-methodology *,
  body .lb-rg-alert,
  body .lb-rg-alert *,
  body .is-style-alert,
  body .is-style-alert *,
  body .lb-help-lines,
  body .lb-help-lines *{
    /* Universal text override'dan muaf — aşağıda explicit renkler var */
  }

  body .is-style-methodology{
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%) !important;
    color: #1A1513 !important;
  }
  body .is-style-methodology :is(h1,h2,h3,h4,h5,h6),
  body .is-style-methodology .wp-block-heading{
    color: #1A1513 !important;
  }
  body .is-style-methodology p,
  body .is-style-methodology li,
  body .is-style-methodology strong{
    color: #2A2420 !important;
  }
  body .is-style-methodology a:not(.wp-block-button__link){
    color: #8A6A1A !important;
  }

  body .lb-rg-alert,
  body .is-style-alert{
    background: linear-gradient(135deg, #FFF5E1 0%, #FFEFD5 100%) !important;
    color: #3d2f0a !important;
  }
  body .lb-rg-alert :is(h1,h2,h3,h4,h5,h6),
  body .lb-rg-alert .lb-rg-title,
  body .is-style-alert :is(h1,h2,h3,h4,h5,h6){
    color: #5a3e00 !important;
  }
  body .lb-rg-alert p,
  body .lb-rg-alert .lb-rg-body,
  body .lb-rg-alert li,
  body .lb-rg-alert strong,
  body .is-style-alert p,
  body .is-style-alert li{
    color: #3d2f0a !important;
  }
  body .lb-rg-hotline,
  body .lb-rg-hotline *{
    color: #3d2f0a !important;
  }
  body .lb-rg-hotline-label{ color: #8a5a0b !important; }
  body .lb-rg-hotline-num{ color: #5a3e00 !important; }
  body .lb-rg-hotline:hover{
    border-color: #B8860B !important;
  }
}

/* ---------- LIGHT MODE — yalnızca sorunlu noktalar ---------- */
@media (prefers-color-scheme: light){

  /* Hero — light bg üstünde koyu heading (theme.json inline zaten veriyor ama garantile) */
  body .lb-hero-cinematic h1,
  body .lb-hero-cinematic h2,
  body .lb-hero-cinematic .wp-block-heading,
  body .locabet-hero-centered h1,
  body .locabet-hero-centered .wp-block-heading{
    color: #1A1513 !important;
  }
  body .lb-hero-cinematic p,
  body .lb-hero-cinematic .has-medium-font-size,
  body .locabet-hero-centered p{
    color: #4A5260 !important;
  }

  /* Kart — light bg üstünde koyu heading */
  body .wp-block-group.is-style-card,
  body .is-style-card{
    background: #ffffff !important;
  }
  body .wp-block-group.is-style-card :is(h1,h2,h3,h4,h5,h6),
  body .wp-block-group.is-style-card .wp-block-heading,
  body .is-style-card :is(h1,h2,h3,h4,h5,h6){
    color: #1A1513 !important;
  }
  body .wp-block-group.is-style-card p,
  body .is-style-card p{
    color: #4A5260 !important;
  }
  body .wp-block-group.is-style-card a:not(.wp-block-button__link),
  body .is-style-card a:not(.wp-block-button__link){
    color: #8A6A1A !important;
  }

  /* Chip başlık — bronz on açık rgba */
  body .wp-block-heading.is-style-chip,
  body h2.is-style-chip,
  body h3.is-style-chip{
    color: #8A6A1A !important;
    background: rgba(138,106,26,.08) !important;
    border-color: currentColor !important;
  }

  /* Kinetic başlık — koyu ink */
  body .is-kinetic{
    color: #1A1513 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
  }

  /* ---------- Light-intent kartlar (light mode için de garantile) ---------- */
  body .is-style-methodology{
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%) !important;
    color: #1A1513 !important;
  }
  body .is-style-methodology :is(h1,h2,h3,h4,h5,h6),
  body .is-style-methodology .wp-block-heading{
    color: #1A1513 !important;
  }
  body .is-style-methodology p,
  body .is-style-methodology li,
  body .is-style-methodology strong{
    color: #2A2420 !important;
  }
  body .is-style-methodology a:not(.wp-block-button__link){
    color: #8A6A1A !important;
  }

  body .lb-rg-alert,
  body .is-style-alert{
    background: linear-gradient(135deg, #FFF5E1 0%, #FFEFD5 100%) !important;
    color: #3d2f0a !important;
  }
  body .lb-rg-alert :is(h1,h2,h3,h4,h5,h6),
  body .lb-rg-alert .lb-rg-title,
  body .is-style-alert :is(h1,h2,h3,h4,h5,h6){
    color: #5a3e00 !important;
  }
  body .lb-rg-alert p,
  body .lb-rg-alert .lb-rg-body,
  body .lb-rg-alert li,
  body .lb-rg-alert strong,
  body .is-style-alert p,
  body .is-style-alert li{
    color: #3d2f0a !important;
  }
  body .lb-rg-hotline,
  body .lb-rg-hotline *{
    color: #3d2f0a !important;
  }
  body .lb-rg-hotline-label{ color: #8a5a0b !important; }
  body .lb-rg-hotline-num{ color: #5a3e00 !important; }
}

/* ============================================================
   TERMINOLOGY BLOCK (.lb-term) — media-aware glossary popover
   Custom block: blocks/terminology/render.php
   ============================================================ */
.lb-term{
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 24px;
  margin: 32px 0;
  border-inline-start: 3px solid var(--wp--preset--color--gold, #C7A47A);
  border-radius: 0 8px 8px 0;
  background: linear-gradient(90deg, rgba(199,164,122,.08), transparent);
}
.lb-term-mark{
  font-family: var(--wp--preset--font-family--serif, 'Newsreader', serif);
  font-style: italic;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.02em;
  min-width: 40px;
}
.lb-term-name{
  display: block;
  font-family: var(--wp--preset--font-family--serif, 'Newsreader', serif);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
  margin-bottom: 4px;
}
.lb-term-def{
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

@media (prefers-color-scheme: light){
  .lb-term-mark{ color: var(--wp--preset--color--gold-dark, #8A6A1A); }
  .lb-term-name{ color: #1A1513; }
  .lb-term-def{ color: #3D352F; }
}
@media (prefers-color-scheme: dark){
  body .lb-term{
    background: linear-gradient(90deg, rgba(199,164,122,.14), transparent) !important;
    border-inline-start-color: var(--wp--preset--color--gold, #C7A47A) !important;
  }
  body .lb-term-mark{ color: #E8D2A8 !important; }
  body .lb-term-name{ color: #F5EFE3 !important; }
  body .lb-term-def{ color: #C9C3BD !important; }
}

/* ============================================================
   BUTTONS — dark mode explicit text color (theme.json bg: ink kalıyor)
   ============================================================ */
@media (prefers-color-scheme: dark){
  body .wp-block-button__link,
  body .wp-block-button .wp-block-button__link{
    color: #F5EFE3 !important;
  }
  body .wp-block-button.is-style-outline .wp-block-button__link,
  body .wp-block-button__link.is-style-outline{
    color: #E8D2A8 !important;
    border-color: #E8D2A8 !important;
  }
  body .wp-block-button__link:hover{
    color: #ffffff !important;
  }
}

/* ============================================================
   HELP-LINES (.lb-help-lines) — light-intent kart, kontrast garanti
   ============================================================ */
.lb-help-lines,
body .lb-help-lines{
  background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%);
  border: 1px solid rgba(138,106,26,.15);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 24px 0;
  color: #1A1513;
}
@media (prefers-color-scheme: dark){
  body .lb-help-lines{
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%) !important;
    color: #1A1513 !important;
  }
  body .lb-help-lines :is(h1,h2,h3,h4,h5,h6){
    color: #1A1513 !important;
  }
  body .lb-help-lines p,
  body .lb-help-lines li,
  body .lb-help-lines strong{
    color: #2A2420 !important;
  }
  body .lb-help-lines a:not(.wp-block-button__link){
    color: #8A6A1A !important;
  }
}

/* ============================================================
   ARCHIVE — post excerpt dark mode kontrast
   templates/archive.html inline color:#4a5260 (slate) — koyu bg'de düşük kontrast
   ============================================================ */
@media (prefers-color-scheme: dark){
  body .wp-block-query .wp-block-post-excerpt,
  body .wp-block-query .wp-block-post-excerpt p,
  body .wp-block-query .wp-block-post-excerpt__excerpt,
  body .wp-block-query .wp-block-post-date,
  body .wp-block-query .wp-block-post-terms,
  body .wp-block-query .wp-block-post-terms a{
    color: #C9C3BD !important;
  }
  body .wp-block-query .wp-block-post-title a{
    color: #F5EFE3 !important;
  }
  body .wp-block-query .wp-block-post-title a:hover{
    color: #E8D2A8 !important;
  }
}

/* ============================================================
   SEARCH TEMPLATE — dark mode bg (templates/search.html paper bg default)
   ============================================================ */
@media (prefers-color-scheme: dark){
  body.search main.wp-block-group,
  body.search-results main.wp-block-group,
  body.search-no-results main.wp-block-group{
    background: transparent !important;
    color: #F5EFE3 !important;
  }
  body.search .wp-block-search__input,
  body.search-results .wp-block-search__input{
    background: rgba(15,15,16,.6) !important;
    color: #F5EFE3 !important;
    border-color: rgba(199,164,122,.3) !important;
  }
}