/* ============================================================
   Nevhan Gündüz — main.css
   BEM · Mobile-first · Lacivert + Altın · Editoryal
   ============================================================ */

/* ──────────────────────────────────────────────────────────
   1. TOKENS & RESET
   ────────────────────────────────────────────────────────── */
:root {
  /* Marka renkleri */
  --clr-primary:      #1B2A4A;   /* lacivert */
  --clr-primary-dark: #122038;
  --clr-primary-700:  #24365c;
  --clr-accent:       #C99A3F;   /* altın */
  --clr-accent-dark:  #A87E29;
  --clr-accent-soft:  #F3E9D3;

  /* Nötrler */
  --clr-white:   #ffffff;
  --clr-cream:   #FCFBF9;
  --clr-gray-50: #F7F6F3;
  --clr-gray-100:#EFEDE8;
  --clr-gray-200:#E4E1DA;
  --clr-gray-300:#D2CEC5;
  --clr-gray-500:#8B8F98;
  --clr-gray-600:#6B7280;
  --clr-text:    #2C3340;
  --clr-heading: #1B2A4A;

  /* Tipografi */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --text-sm:   .875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --leading-tight: 1.15;
  --leading-snug:  1.35;
  --leading-normal:1.7;

  /* Boşluk */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem;

  /* Kenar & gölge */
  --radius-sm:.375rem; --radius:.625rem; --radius-lg:1rem; --radius-full:9999px;
  --shadow-sm: 0 1px 2px rgba(27,42,74,.06);
  --shadow:    0 6px 20px rgba(27,42,74,.08);
  --shadow-md: 0 14px 40px rgba(27,42,74,.10);
  --shadow-lg: 0 24px 60px rgba(27,42,74,.14);

  /* Düzen */
  --container-max: 1180px;
  --container-narrow: 820px;
  --header-h: 84px;
  --topbar-h: 40px;

  --transition: .25s ease;
  --transition-slow: .45s ease;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
  font-family:var(--font-sans);
  font-size:var(--text-base);
  line-height:var(--leading-normal);
  color:var(--clr-text);
  background:var(--clr-cream);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg,iframe { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
ul,ol { list-style:none; }
button { cursor:pointer; border:none; background:none; font:inherit; color:inherit; }
h1,h2,h3,h4 { font-family:var(--font-display); color:var(--clr-heading); line-height:var(--leading-tight); font-weight:700; }
::selection { background:var(--clr-accent); color:#fff; }

/* ──────────────────────────────────────────────────────────
   2. UTILITIES
   ────────────────────────────────────────────────────────── */
.container { width:100%; max-width:var(--container-max); margin-inline:auto; padding-inline:var(--space-5); }
.container--narrow { max-width:var(--container-narrow); }
@media (min-width:640px){ .container{ padding-inline:var(--space-6); } }
@media (min-width:1024px){ .container{ padding-inline:var(--space-8); } }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.skip-link:focus { position:fixed; top:8px; left:8px; width:auto; height:auto; clip:auto; background:#fff; padding:.6rem 1rem; z-index:1000; border-radius:var(--radius-sm); box-shadow:var(--shadow); }

/* Eyebrow — altın büyük harf etiketi */
.eyebrow {
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--font-sans); font-size:.78rem; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--clr-accent-dark);
}
.eyebrow::before { content:""; width:28px; height:2px; background:var(--clr-accent); display:inline-block; }
.eyebrow--center::after { content:""; width:28px; height:2px; background:var(--clr-accent); display:inline-block; }

.section { padding-block:var(--space-24); }
.section--tight { padding-block:var(--space-16); }
.section__head { max-width:640px; margin-bottom:var(--space-12); }
.section__head--center { margin-inline:auto; text-align:center; }
.section__title { font-size:clamp(1.9rem,4vw,var(--text-4xl)); margin:.7rem 0 .8rem; }
.section__desc { color:var(--clr-gray-600); font-size:var(--text-lg); }

/* Animasyon */
.animate { opacity:0; transform:translateY(26px); transition:opacity .6s ease, transform .6s ease; }
.animate.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .animate{opacity:1;transform:none;transition:none;} html{scroll-behavior:auto;} }

/* Butonlar */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-family:var(--font-sans); font-weight:600; font-size:.95rem; line-height:1;
  padding:.85rem 1.5rem; border-radius:var(--radius-sm); border:1.5px solid transparent;
  transition:var(--transition); cursor:pointer; white-space:nowrap;
}
.btn--primary { background:var(--clr-primary); color:#fff; }
.btn--primary:hover { background:var(--clr-primary-dark); transform:translateY(-2px); box-shadow:var(--shadow); }
.btn--accent { background:var(--clr-accent); color:#fff; }
.btn--accent:hover { background:var(--clr-accent-dark); transform:translateY(-2px); box-shadow:var(--shadow); }
.btn--outline { border-color:var(--clr-primary); color:var(--clr-primary); }
.btn--outline:hover { background:var(--clr-primary); color:#fff; }
.btn--ghost { border-color:rgba(255,255,255,.4); color:#fff; }
.btn--ghost:hover { background:rgba(255,255,255,.12); border-color:#fff; }
.btn--sm { padding:.6rem 1.1rem; font-size:.875rem; }
.btn--lg { padding:1rem 1.9rem; font-size:1rem; }
.btn--full { width:100%; }

/* Breadcrumb */
.breadcrumb { padding:1.1rem 0; }
.breadcrumb__list { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.85rem; color:var(--clr-gray-500); }
.breadcrumb__item + .breadcrumb__item::before { content:"›"; margin-right:.5rem; color:var(--clr-gray-300); }
.breadcrumb__item a:hover { color:var(--clr-accent-dark); }
.breadcrumb__item--current { color:var(--clr-text); font-weight:500; }

/* ──────────────────────────────────────────────────────────
   3. HEADER
   ────────────────────────────────────────────────────────── */
.site-header { position:sticky; top:0; z-index:100; background:var(--clr-cream); transition:box-shadow var(--transition), background var(--transition); }
.site-header--scrolled { box-shadow:var(--shadow-sm); background:#fff; }

.site-header__topbar { background:var(--clr-primary); color:rgba(255,255,255,.85); font-size:.82rem; }
.site-header__topbar-inner { display:flex; align-items:center; justify-content:space-between; height:var(--topbar-h); gap:1rem; }
.site-header__topbar-info { display:inline-flex; align-items:center; gap:.5rem; }
.site-header__topbar-info i { color:var(--clr-accent); }
.site-header__topbar-sep { opacity:.4; }
.site-header__topbar-link:hover { color:#fff; }
.site-header__topbar-social { display:inline-flex; gap:.9rem; }
.site-header__topbar-social a:hover { color:var(--clr-accent); }

.site-header__main { padding-top:14px; }
.site-header__inner { display:flex; align-items:center; justify-content:space-between; height:var(--header-h); gap:1.5rem; }
.site-header__logo-text { font-family:var(--font-display); font-size:1.5rem; font-weight:600; color:var(--clr-primary); letter-spacing:.01em; }
.site-header__logo-text strong { color:var(--clr-accent-dark); font-weight:700; }
.site-header__logo img, .site-header .custom-logo { height:72px; width:auto; max-width:300px; }
.site-header__logo { margin-top:18px; }
.site-header__logo .custom-logo-link { display:inline-flex; line-height:0; }

.nav__menu { display:flex; align-items:center; gap:.35rem; }
.nav__menu a { display:block; padding:.6rem .9rem; font-size:.95rem; font-weight:500; color:var(--clr-heading); border-radius:var(--radius-sm); position:relative; transition:var(--transition); }
.nav__menu > li > a::after { content:""; position:absolute; left:.9rem; right:.9rem; bottom:.35rem; height:2px; background:var(--clr-accent); transform:scaleX(0); transform-origin:left; transition:transform var(--transition); }
.nav__menu > li > a:hover::after,
.nav__menu > li.current-menu-item > a::after { transform:scaleX(1); }
.nav__menu > li > a:hover { color:var(--clr-primary); }

/* Alt menü (dropdown) */
.nav__menu li { position:relative; }
.nav__menu .sub-menu {
  position:absolute; top:100%; left:0; min-width:220px; background:#fff;
  box-shadow:var(--shadow-md); border-radius:var(--radius); padding:.5rem; z-index:50;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:var(--transition);
  border-top:3px solid var(--clr-accent);
}
.nav__menu li:hover > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.nav__menu .sub-menu a { padding:.6rem .8rem; font-size:.9rem; }
.nav__menu .sub-menu a:hover { background:var(--clr-gray-50); color:var(--clr-accent-dark); }
.menu-item-has-children > a::before { content:"\f107"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:.7rem; float:right; margin-left:.4rem; opacity:.5; margin-top:.25rem; }

.site-header__actions { display:flex; align-items:center; gap:.9rem; }
.site-header__burger { display:none; flex-direction:column; gap:5px; width:30px; height:30px; justify-content:center; }
.site-header__burger span { display:block; height:2px; background:var(--clr-primary); border-radius:2px; transition:var(--transition); }
.site-header__burger.is-active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.site-header__burger.is-active span:nth-child(2){ opacity:0; }
.site-header__burger.is-active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (max-width:600px){
  .site-header .custom-logo, .site-header__logo img { height:46px; max-width:200px; }
  .site-header__logo { margin-top:2px; }
  .site-header__main { padding-top:8px; }
  .site-header__actions .btn--sm { display:none; } /* İletişim butonu menüde var, mobilde gizle */
}

@media (max-width:980px){
  .site-header__topbar-info a:not(:first-child), .site-header__topbar-sep { display:none; }
  .site-header__burger { display:flex; }
  .nav { position:fixed; inset:0 0 0 auto; width:min(320px,82vw); background:#fff; box-shadow:var(--shadow-lg);
         transform:translateX(100%); transition:transform var(--transition-slow); padding:calc(var(--header-h) + 1.5rem) 1.5rem 2rem; overflow-y:auto; z-index:200; }
  .nav.is-open { transform:translateX(0); }
  .nav__menu { flex-direction:column; align-items:stretch; gap:.15rem; }
  .nav__menu > li > a::after { display:none; }
  .nav__menu a { padding:.85rem .6rem; border-bottom:1px solid var(--clr-gray-100); }
  .nav__menu .sub-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:none; padding:0 0 0 1rem; }
  body.menu-open { overflow:hidden; }
}

/* ──────────────────────────────────────────────────────────
   4. HERO (ana sayfa — portre odaklı)
   ────────────────────────────────────────────────────────── */
.hero { padding-block:var(--space-20) var(--space-24); background:linear-gradient(180deg,var(--clr-cream) 0%,#fff 100%); overflow:hidden; }
.hero__inner { display:grid; grid-template-columns:1.05fr .95fr; gap:var(--space-16); align-items:center; }
.hero__eyebrow { margin-bottom:1.4rem; }
.hero__title { font-size:clamp(2.6rem,6vw,var(--text-6xl)); font-weight:700; letter-spacing:-.01em; }
.hero__subtitle { display:block; font-family:var(--font-sans); font-size:clamp(1rem,2vw,1.35rem); font-weight:600; color:var(--clr-accent-dark); margin-top:.8rem; letter-spacing:.01em; }
.hero__desc { color:var(--clr-gray-600); font-size:var(--text-lg); margin:1.6rem 0 2.2rem; max-width:44ch; }
.hero__actions { display:flex; flex-wrap:wrap; gap:.9rem; }

.hero__portrait { position:relative; justify-self:center; }
.hero__portrait img { border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); position:relative; z-index:2; aspect-ratio:4/5; object-fit:cover; width:100%; max-width:420px; }
.hero__portrait::before { content:""; position:absolute; inset:22px -22px -22px 22px; border:2px solid var(--clr-accent); border-radius:var(--radius-lg); z-index:1; }
.hero__portrait--empty { width:100%; max-width:420px; aspect-ratio:4/5; border-radius:var(--radius-lg); background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-700)); display:grid; place-items:center; color:rgba(255,255,255,.25); font-size:5rem; box-shadow:var(--shadow-lg); }

@media (max-width:900px){
  .hero__inner { grid-template-columns:1fr; gap:var(--space-12); text-align:center; }
  .hero__eyebrow, .hero__actions { justify-content:center; }
  .hero__desc { margin-inline:auto; }
  .hero__portrait { order:-1; }
  .hero__portrait::before { inset:16px -16px -16px 16px; }
}

/* ──────────────────────────────────────────────────────────
   5. INTRO / KISA BİYOGRAFİ
   ────────────────────────────────────────────────────────── */
.intro__grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-16); align-items:center; }
.intro__text p { margin-bottom:1.1rem; color:var(--clr-gray-600); font-size:var(--text-lg); }
.intro__facts { display:grid; grid-template-columns:repeat(2,1fr); gap:1.4rem; }
.intro__fact { background:#fff; border:1px solid var(--clr-gray-200); border-radius:var(--radius); padding:1.4rem 1.5rem; }
.intro__fact strong { display:block; font-family:var(--font-display); font-size:1.9rem; color:var(--clr-primary); }
.intro__fact span { font-size:.9rem; color:var(--clr-gray-600); }
@media (max-width:820px){ .intro__grid{ grid-template-columns:1fr; gap:var(--space-10);} }

/* ──────────────────────────────────────────────────────────
   6. KARTLAR (haber + basın)
   ────────────────────────────────────────────────────────── */
.post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-8); }
@media (max-width:900px){ .post-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .post-grid{ grid-template-columns:1fr;} }

.post-card { background:#fff; border:1px solid var(--clr-gray-200); border-radius:var(--radius-lg); overflow:hidden; display:flex; flex-direction:column; transition:var(--transition); }
.post-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--clr-accent); }
.post-card__media { display:block; aspect-ratio:16/10; overflow:hidden; background:var(--clr-gray-100); }
.post-card__media img { width:100%; height:100%; object-fit:cover; transition:transform var(--transition-slow); }
.post-card:hover .post-card__media img { transform:scale(1.05); }
.post-card__placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--clr-gray-300); font-size:2.5rem; background:var(--clr-gray-50); }
.post-card__body { padding:1.4rem 1.5rem 1.6rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }
.post-card__title { font-size:1.2rem; line-height:1.3; }
.post-card__title a:hover { color:var(--clr-accent-dark); }
.post-card__excerpt { color:var(--clr-gray-600); font-size:.95rem; flex:1; }
.post-card__more { color:var(--clr-accent-dark); font-weight:600; font-size:.9rem; display:inline-flex; align-items:center; gap:.4rem; margin-top:.3rem; }
.post-card__more i { transition:transform var(--transition); }
.post-card:hover .post-card__more i { transform:translateX(4px); }
.posted-on { font-size:.82rem; color:var(--clr-gray-500); letter-spacing:.02em; }
.posted-on i { color:var(--clr-accent); margin-right:.3rem; }

/* Basın kartı — video rozeti + kaynak */
.basin-card__media { position:relative; }
.basin-card__badge { position:absolute; top:.8rem; left:.8rem; background:rgba(27,42,74,.92); color:#fff; font-size:.72rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; padding:.35rem .7rem; border-radius:var(--radius-full); display:inline-flex; align-items:center; gap:.4rem; }
.basin-card__badge i { color:var(--clr-accent); }
.basin-card__play { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:2.6rem; text-shadow:0 4px 16px rgba(0,0,0,.4); opacity:.9; transition:var(--transition); }
.post-card:hover .basin-card__play { transform:scale(1.1); opacity:1; }
.basin-meta { display:flex; flex-wrap:wrap; gap:.9rem; font-size:.8rem; color:var(--clr-gray-500); }
.basin-meta i { color:var(--clr-accent); margin-right:.25rem; }

/* Filtre */
.basin-filter { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:var(--space-10); }
.basin-filter__btn { padding:.55rem 1.15rem; border:1.5px solid var(--clr-gray-200); border-radius:var(--radius-full); font-size:.9rem; font-weight:500; color:var(--clr-gray-600); transition:var(--transition); }
.basin-filter__btn:hover { border-color:var(--clr-accent); color:var(--clr-primary); }
.basin-filter__btn.is-active { background:var(--clr-primary); color:#fff; border-color:var(--clr-primary); }

/* ──────────────────────────────────────────────────────────
   7. CTA BANT
   ────────────────────────────────────────────────────────── */
.cta { background:var(--clr-primary); color:#fff; border-radius:var(--radius-lg); padding:var(--space-16) var(--space-12); text-align:center; position:relative; overflow:hidden; }
.cta::after { content:""; position:absolute; top:-40%; right:-10%; width:340px; height:340px; background:radial-gradient(circle,rgba(201,154,63,.25),transparent 70%); }
.cta__title { color:#fff; font-size:clamp(1.7rem,3.5vw,2.4rem); position:relative; }
.cta__desc { color:rgba(255,255,255,.8); max-width:52ch; margin:1rem auto 2rem; position:relative; }
.cta__actions { display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap; position:relative; }

/* ──────────────────────────────────────────────────────────
   8. SAYFA HERO + İÇERİK
   ────────────────────────────────────────────────────────── */
.page-hero { padding:var(--space-16) 0 var(--space-12); background:linear-gradient(180deg,var(--clr-cream),#fff); border-bottom:1px solid var(--clr-gray-100); }
.page-hero__title { font-size:clamp(2.1rem,5vw,var(--text-5xl)); margin:.7rem 0 .8rem; }
.page-hero__lead { color:var(--clr-gray-600); font-size:var(--text-lg); max-width:60ch; }

.prose { max-width:var(--container-narrow); }
.prose p { margin-bottom:1.3rem; }
.prose h2 { font-size:var(--text-3xl); margin:2.2rem 0 1rem; }
.prose h3 { font-size:var(--text-2xl); margin:1.8rem 0 .8rem; }
.prose a { color:var(--clr-accent-dark); text-decoration:underline; text-underline-offset:3px; }
.prose img { border-radius:var(--radius); margin:1.5rem 0; }
.prose ul, .prose ol { margin:0 0 1.3rem 1.3rem; }
.prose ul li { list-style:disc; margin-bottom:.5rem; }
.prose ol li { list-style:decimal; margin-bottom:.5rem; }
.prose blockquote { border-left:3px solid var(--clr-accent); padding:.4rem 0 .4rem 1.4rem; margin:1.6rem 0; font-family:var(--font-display); font-size:1.3rem; color:var(--clr-primary); font-style:italic; }

/* Tekil makale */
.single__head { margin-bottom:var(--space-8); }
.single__title { font-size:clamp(1.9rem,4vw,var(--text-4xl)); margin:.6rem 0 .9rem; }
.single__meta { display:flex; flex-wrap:wrap; gap:1.2rem; color:var(--clr-gray-500); font-size:.9rem; padding-bottom:1.4rem; border-bottom:1px solid var(--clr-gray-200); }
.single__thumb { margin:var(--space-8) 0; border-radius:var(--radius-lg); overflow:hidden; }
.single__video { margin:var(--space-8) 0; aspect-ratio:16/9; border-radius:var(--radius-lg); overflow:hidden; background:#000; }
.single__video iframe { width:100%; height:100%; border:0; }
.single__source { display:inline-flex; align-items:center; gap:.6rem; margin-top:var(--space-8); padding:1rem 1.4rem; background:var(--clr-gray-50); border:1px solid var(--clr-gray-200); border-radius:var(--radius); font-weight:500; }
.single__source i { color:var(--clr-accent-dark); }
.single__nav { display:flex; justify-content:space-between; gap:1rem; margin-top:var(--space-12); padding-top:var(--space-8); border-top:1px solid var(--clr-gray-200); }
.single__nav a { color:var(--clr-gray-600); font-weight:500; }
.single__nav a:hover { color:var(--clr-accent-dark); }

/* Hakkımda özel bloklar */
.about-hero { display:grid; grid-template-columns:.9fr 1.1fr; gap:var(--space-16); align-items:center; padding-block:var(--space-16); }
.about-hero__portrait img { border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); aspect-ratio:4/5; object-fit:cover; width:100%; }
@media (max-width:820px){ .about-hero{ grid-template-columns:1fr; } .about-hero__portrait{ max-width:360px;} }

.timeline { border-left:2px solid var(--clr-gray-200); margin-left:.5rem; }
.timeline__item { position:relative; padding:0 0 var(--space-8) var(--space-8); }
.timeline__item::before { content:""; position:absolute; left:-7px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--clr-accent); border:2px solid #fff; box-shadow:0 0 0 2px var(--clr-accent); }
.timeline__year { font-weight:600; color:var(--clr-accent-dark); font-size:.9rem; }
.timeline__title { font-size:1.15rem; margin:.2rem 0 .3rem; }
.timeline__desc { color:var(--clr-gray-600); font-size:.95rem; }

.info-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.4rem; }
.info-card { background:#fff; border:1px solid var(--clr-gray-200); border-radius:var(--radius); padding:1.6rem; }
.info-card__title { font-size:1.15rem; margin-bottom:.5rem; }
.info-card__text { color:var(--clr-gray-600); font-size:.95rem; }

/* ──────────────────────────────────────────────────────────
   9. GALERİ
   ────────────────────────────────────────────────────────── */
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; }
@media (max-width:900px){ .gallery-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ .gallery-grid{ grid-template-columns:repeat(2,1fr);} }
.gallery-grid__item { position:relative; aspect-ratio:1; overflow:hidden; border-radius:var(--radius-sm); cursor:pointer; background:var(--clr-gray-100); }
.gallery-grid__item img { width:100%; height:100%; object-fit:cover; transition:transform var(--transition-slow); }
.gallery-grid__item:hover img { transform:scale(1.08); }
.gallery-grid__item::after { content:"\f00e"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(27,42,74,.45); opacity:0; transition:var(--transition); }
.gallery-grid__item:hover::after { opacity:1; }

.lightbox { position:fixed; inset:0; z-index:500; background:rgba(18,32,56,.94); display:none; align-items:center; justify-content:center; padding:2rem; }
.lightbox.is-open { display:flex; }
.lightbox img { max-width:92vw; max-height:86vh; border-radius:var(--radius); box-shadow:var(--shadow-lg); }
.lightbox__close, .lightbox__nav { position:absolute; color:#fff; font-size:1.8rem; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); transition:var(--transition); }
.lightbox__close { top:1.5rem; right:1.5rem; }
.lightbox__nav:hover, .lightbox__close:hover { background:var(--clr-accent); }
.lightbox__nav--prev { left:1.5rem; top:50%; transform:translateY(-50%); }
.lightbox__nav--next { right:1.5rem; top:50%; transform:translateY(-50%); }

/* ──────────────────────────────────────────────────────────
   10. FORM
   ────────────────────────────────────────────────────────── */
.form__row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media (max-width:560px){ .form__row{ grid-template-columns:1fr;} }
.form__group { margin-bottom:1.1rem; }
.form__label { display:block; font-size:.85rem; font-weight:600; color:var(--clr-heading); margin-bottom:.4rem; }
.form__input { width:100%; padding:.85rem 1rem; border:1.5px solid var(--clr-gray-200); border-radius:var(--radius-sm); font:inherit; background:#fff; transition:var(--transition); }
.form__input:focus { outline:none; border-color:var(--clr-accent); box-shadow:0 0 0 3px rgba(201,154,63,.15); }
.form__input--textarea { min-height:130px; resize:vertical; }
.form-response { margin-top:1rem; padding:.9rem 1.1rem; border-radius:var(--radius-sm); font-size:.92rem; }
.form-response--success { background:#E8F3EC; color:#1F7A4D; border:1px solid #BEE3CC; }
.form-response--error { background:#FBEBEB; color:#B3261E; border:1px solid #F3C9C6; }

/* ──────────────────────────────────────────────────────────
   11. ARŞİV + PAGINATION + WIDGET
   ────────────────────────────────────────────────────────── */
.archive { padding-block:var(--space-12) var(--space-20); }
.archive__head { margin-bottom:var(--space-10); }
.archive__title { font-size:clamp(1.9rem,4vw,var(--text-4xl)); }
.archive__empty { color:var(--clr-gray-500); }
.pagination { display:flex; justify-content:center; gap:.4rem; margin-top:var(--space-12); }
.pagination .page-numbers { display:grid; place-items:center; min-width:44px; height:44px; padding:0 .6rem; border:1.5px solid var(--clr-gray-200); border-radius:var(--radius-sm); font-weight:600; color:var(--clr-heading); transition:var(--transition); }
.pagination .page-numbers:hover { border-color:var(--clr-accent); color:var(--clr-accent-dark); }
.pagination .page-numbers.current { background:var(--clr-primary); color:#fff; border-color:var(--clr-primary); }
.widget { margin-bottom:var(--space-8); }
.widget__title { font-size:1.15rem; margin-bottom:1rem; padding-bottom:.6rem; border-bottom:2px solid var(--clr-accent); }

/* ──────────────────────────────────────────────────────────
   12. FOOTER
   ────────────────────────────────────────────────────────── */
.site-footer { background:var(--clr-primary); color:rgba(255,255,255,.72); padding-block:var(--space-20) var(--space-8); margin-top:var(--space-24); }
.site-footer__grid { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:var(--space-12); padding-bottom:var(--space-12); border-bottom:1px solid rgba(255,255,255,.12); }
.site-footer__logo { font-family:var(--font-display); font-size:1.6rem; color:#fff; margin-bottom:.9rem; }
.site-footer__logo strong { color:var(--clr-accent); }
.site-footer__title { font-size:.95rem; line-height:1.6; margin-bottom:1.2rem; }
.site-footer__title span { color:var(--clr-accent); font-size:.85rem; }
.site-footer__social { display:flex; gap:.7rem; }
.site-footer__social a { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; transition:var(--transition); }
.site-footer__social a:hover { background:var(--clr-accent); transform:translateY(-3px); }
.site-footer__col-title { color:#fff; font-family:var(--font-sans); font-size:.82rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin-bottom:1.1rem; }
.site-footer__links li, .site-footer__contact li { margin-bottom:.7rem; font-size:.95rem; }
.site-footer__links a:hover, .site-footer__contact a:hover { color:var(--clr-accent); }
.site-footer__contact i { color:var(--clr-accent); margin-right:.5rem; width:16px; }
.site-footer__bottom { padding-top:var(--space-8); text-align:center; font-size:.85rem; color:rgba(255,255,255,.5); }
@media (max-width:820px){ .site-footer__grid{ grid-template-columns:1fr; gap:var(--space-8);} .site-footer{margin-top:var(--space-16);} }

/* ──────────────────────────────────────────────────────────
   13b. İLETİŞİM
   ────────────────────────────────────────────────────────── */
.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--space-12); align-items:start; }
@media (max-width:820px){ .contact-layout{ grid-template-columns:1fr; gap:var(--space-8);} }
.contact-info { display:flex; flex-direction:column; gap:1rem; }
.contact-card { display:flex; align-items:flex-start; gap:1rem; background:#fff; border:1px solid var(--clr-gray-200); border-radius:var(--radius); padding:1.3rem 1.4rem; color:inherit; transition:var(--transition); }
a.contact-card:hover { border-color:var(--clr-accent); transform:translateY(-2px); box-shadow:var(--shadow); }
.contact-card__icon { flex:none; width:44px; height:44px; border-radius:12px; background:var(--clr-accent-soft); color:var(--clr-accent-dark); display:grid; place-items:center; font-size:1.05rem; }
.contact-card__label { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--clr-gray-500); font-weight:600; }
.contact-card__value { font-weight:600; color:var(--clr-heading); }
.contact-card__socials { display:flex; gap:.6rem; margin-top:.5rem; }
.contact-card__socials a { width:38px; height:38px; border-radius:50%; background:var(--clr-gray-50); display:grid; place-items:center; color:var(--clr-primary); transition:var(--transition); }
.contact-card__socials a:hover { background:var(--clr-accent); color:#fff; }
.contact-form-wrap { background:#fff; border:1px solid var(--clr-gray-200); border-radius:var(--radius-lg); padding:var(--space-8); }
.contact-form-wrap h2 { font-size:var(--text-2xl); margin-bottom:.4rem; }
.contact-form-wrap__desc { color:var(--clr-gray-600); margin-bottom:1.4rem; }
.contact-map { margin-top:var(--space-12); border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--clr-gray-200); }
.contact-map iframe { width:100%; height:420px; border:0; display:block; }

/* ──────────────────────────────────────────────────────────
   13. SCROLL-TOP
   ────────────────────────────────────────────────────────── */
.scroll-top { position:fixed; right:1.4rem; bottom:1.4rem; width:48px; height:48px; border-radius:50%; background:var(--clr-primary); color:#fff; display:grid; place-items:center; box-shadow:var(--shadow-md); opacity:0; visibility:hidden; transform:translateY(12px); transition:var(--transition); z-index:90; }
.scroll-top.is-visible { opacity:1; visibility:visible; transform:none; }
.scroll-top:hover { background:var(--clr-accent); }