/* theme.css — Bootstrap 5.3 üzerine marka katmanı. Bootstrap class'ları ezilmez; --bs-* değişkenleri ezilir. */
:root{
  --bs-body-bg:#F7F5F0;
  --bs-body-color:#1C231F;
  --bs-body-font-family:"Public Sans",system-ui,sans-serif;
  --bs-body-font-size:1.0625rem;
  --bs-body-line-height:1.7;
  --bs-primary:#2E5A4A;
  --bs-primary-rgb:46,90,74;
  --bs-link-color:#2E5A4A;
  --bs-link-color-rgb:46,90,74;
  --bs-link-hover-color:#1E4034;
  --bs-border-color:#D8D2C6;
  --bs-secondary-color:#57605A;
  --bs-heading-font-family:"Newsreader",Georgia,serif;
  --bs-emphasis-color:#1C231F;

  --brand-surface:#F7F5F0;
  --brand-sunken:#EDE9E1;
  --brand-ink:#1C231F;
  --brand-muted:#57605A;
  --brand-soft:#3A433D;
  --brand-line:#D8D2C6;
  --brand-line-strong:#C6BFB1;
  --brand-accent:#2E5A4A;
  --brand-accent-strong:#1E4034;
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--bs-heading-font-family);font-weight:400;line-height:1.12;margin:0}
p{margin:0}
a{text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
img{display:block}
:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
.ic{display:inline-block;vertical-align:-.125em;flex:0 0 auto}

.section{scroll-margin-top:104px}
.bg-sunken{background:var(--brand-sunken)}
.rule-top{border-top:1px solid var(--brand-line)}
.rule-top-ink{border-top:1px solid var(--brand-ink)}
.rule-bottom{border-bottom:1px solid var(--brand-line)}
.text-soft{color:var(--brand-soft)}
.text-muted-brand{color:var(--brand-muted)}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.09em;color:var(--brand-accent)}
.label-sm{display:block;font-size:.8125rem;letter-spacing:.06em;color:var(--brand-muted)}
.serif{font-family:var(--bs-heading-font-family)}
.pad-y{padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,76px)}
.shell{max-width:1120px;--bs-gutter-x:3rem}
@media (min-width:992px){.site-nav{width:auto;flex:0 0 auto}}

/* Butonlar: Bootstrap class'ı ezilmez, kendi varyantımız --bs-btn-* değişkenleriyle kurulur */
.btn{--bs-btn-border-radius:0;--bs-btn-font-weight:600;--bs-btn-padding-y:.8rem;--bs-btn-padding-x:1.5rem}
.btn-brand{
  --bs-btn-color:#F7F5F0;--bs-btn-bg:var(--brand-accent);--bs-btn-border-color:var(--brand-accent);
  --bs-btn-hover-color:#F7F5F0;--bs-btn-hover-bg:var(--brand-accent-strong);--bs-btn-hover-border-color:var(--brand-accent-strong);
  --bs-btn-active-bg:var(--brand-accent-strong);--bs-btn-active-border-color:var(--brand-accent-strong);--bs-btn-active-color:#F7F5F0;
}
.btn-line{
  --bs-btn-color:var(--brand-ink);--bs-btn-bg:transparent;--bs-btn-border-color:var(--brand-line-strong);
  --bs-btn-hover-color:#F7F5F0;--bs-btn-hover-bg:var(--brand-ink);--bs-btn-hover-border-color:var(--brand-ink);
  --bs-btn-active-bg:var(--brand-ink);--bs-btn-active-color:#F7F5F0;--bs-btn-active-border-color:var(--brand-ink);
}
.btn-ink{
  --bs-btn-color:var(--brand-ink);--bs-btn-bg:transparent;--bs-btn-border-color:var(--brand-ink);
  --bs-btn-hover-color:#F7F5F0;--bs-btn-hover-bg:var(--brand-ink);--bs-btn-hover-border-color:var(--brand-ink);
}
.btn-icon{--bs-btn-padding-y:0;--bs-btn-padding-x:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Header */
.site-header{position:sticky;top:0;z-index:1030;background:rgba(247,245,240,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--brand-line)}
.brand{display:flex;align-items:baseline;gap:10px;color:var(--brand-ink)}
.brand:hover{text-decoration:none;color:var(--brand-ink)}
.brand-pre{font-size:.72rem;font-weight:600;letter-spacing:.09em;color:var(--brand-muted)}
.brand-name{font-family:var(--bs-heading-font-family);font-size:1.375rem;letter-spacing:-.01em}
.site-nav a{color:var(--brand-ink);font-weight:500;font-size:.97rem}
.site-nav a.is-current{color:var(--brand-accent);font-weight:600}
.nav-toggle{display:none}
@media (max-width:991.98px){
  .brand-name{font-size:1.125rem}
  .nav-toggle{display:inline-flex}
  .site-nav{flex:1 0 100%;width:100%}
  .site-nav a{display:block;padding:14px 0;border-top:1px solid var(--brand-line)}
  .header-actions{padding-top:16px;border-top:1px solid var(--brand-line)}
  .section{scroll-margin-top:80px}
}

/* Yazı satırı */
.entry{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px clamp(16px,3vw,36px);padding:24px 0;color:var(--brand-ink)}
.entry:hover{color:var(--brand-accent);text-decoration:none}
.entry-tag{flex:0 0 auto;min-width:118px;font-size:.78rem;font-weight:600;letter-spacing:.07em;color:var(--brand-accent)}
.entry-title{flex:1 1 240px;font-family:var(--bs-heading-font-family);font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.28}
.entry-meta{flex:0 0 auto;margin-left:auto;font-size:.875rem;color:var(--brand-muted)}

/* Reels carousel */
.reels-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reels-track::-webkit-scrollbar{display:none}
.reels-track>*{flex:0 0 clamp(300px,32%,380px);scroll-snap-align:start}
.reel-slot{height:620px;overflow:hidden;border:1px solid var(--brand-line);background:#fff}
.reel-slot iframe{width:100%;height:100%;border:0;display:block}

/* Filtre */
.filter-btn{background:transparent;color:var(--brand-ink);font-weight:600;font-size:.9rem;padding:10px 18px;border:1px solid var(--brand-line-strong);cursor:pointer}
.filter-btn.is-active{background:var(--brand-ink);color:var(--brand-surface);border-color:var(--brand-ink)}

/* Form */
.field{width:100%;background:var(--brand-surface);border:1px solid var(--brand-line-strong);border-radius:0;padding:13px 14px;outline:none;font:inherit;color:var(--brand-ink)}
.field:focus{border-color:var(--brand-accent)}
.form-panel{background:var(--brand-sunken);padding:clamp(24px,3vw,36px)}

/* Medya */
.media-cover{width:100%;object-fit:cover}
.article-hero{width:100%;height:clamp(260px,34vw,420px);background-color:var(--brand-sunken);background-size:cover;background-position:50% 32%}

/* Footer */
.site-footer{background:var(--brand-ink);color:#B9C2BB}
.site-footer a{color:#B9C2BB}
.site-footer a:hover{color:#F7F5F0}
.footer-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3A433D}
.footer-icon:hover{background:#F7F5F0;color:#1C231F;border-color:#F7F5F0}

.fab-wa{position:fixed;right:24px;bottom:24px;z-index:1040;display:inline-flex;align-items:center;gap:10px;background:var(--brand-ink);color:#F7F5F0;font-weight:600;font-size:.95rem;padding:14px 20px;box-shadow:0 6px 24px rgba(28,35,31,.22)}
.fab-wa:hover{background:var(--brand-accent-strong);color:#F7F5F0;text-decoration:none}

@media (prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important}}