/* ==== RESET ==== */
.bt *, .bt *::before, .bt *::after { box-sizing: border-box; }
.bt { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial; color:#111; }
body.no-scroll { overflow: hidden; touch-action: none; }

/* ==== TOP BAR ==== */
.bt-topbar { background:#fff; color:#000; font-size:13px; }
.bt-container { max-width:1200px; margin:0 auto; padding:8px 12px; }
.bt-topbar .bt-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bt-date { opacity:.9; text-transform:capitalize; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bt-social { display:flex; gap:8px; }
.bt-social a { width:28px; height:28px; border-radius:9999px; display:inline-flex; align-items:center; justify-content:center; background:#eee; color:#000; text-decoration:none; }
.bt-social a:hover { background:#333; }

/* ==== BRAND + BURGER ==== */
.bt-head { border-bottom:1px solid #eee; background:#fff; }
.bt-head .bt-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; }
.bt-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#111; }
.bt-logo-text { font-weight:800; letter-spacing:.3px; font-size:28px; line-height:1; }
.bt-logo-text .bt-red { color:#e80f2e; }

/* hamburger */
.bt-burger { appearance:none; background:#fff; border:1px solid #e5e7eb; border-radius:8px; width:38px; height:34px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.bt-burger span, .bt-burger span::before, .bt-burger span::after { content:""; display:block; width:18px; height:2px; background:#111; position:relative; border-radius:2px; }
.bt-burger span::before { position:absolute; top:-6px; }
.bt-burger span::after  { position:absolute; top:6px; }

/* ==== DESKTOP NAV ==== */
.bt-nav { background:#f7f7f7; border-bottom:1px solid #eee; }
.bt-menu { list-style:none; margin:0; padding:0; display:flex; gap:22px; flex-wrap:wrap; align-items:center; }
.bt-menu > li { position:relative; list-style:none; }
.bt-menu a { display:block; padding:12px 0; text-decoration:none; color:#111; font-size:15px; line-height:1; }
.bt-menu a:hover { color:#e80f2e; }
.bt-active { color:#e80f2e !important; font-weight:700; }

/* caret */
.bt-menu li.has-submenu > a { display:inline-flex; align-items:center; gap:8px; }
.bt-menu li.has-submenu > a::after {
  content:""; width:0; height:0;
  border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid currentColor;
  opacity:.7; transform: translateY(1px);
}
.bt-menu li.has-submenu:hover > a::after { opacity:1; }

/* ==== DROPDOWN (masaüstü) ==== */
.bt-menu li.has-submenu > .sub-menu {
  display:none; position:absolute; top:100%; left:0;
  background:#fff; border:1px solid #eee; border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  min-width:240px; padding:6px 0; z-index:999;
  list-style:none; margin:0;
}
.bt-menu li.has-submenu:hover > .sub-menu,
.bt-menu li.has-submenu:focus-within > .sub-menu { display:block; }

/* köprü alan: imleç kaçsa da kapanmasın */
.bt-menu li.has-submenu > .sub-menu::before {
  content:""; position:absolute; top:-8px; left:0; right:0; height:8px;
}

/* dropdown itemları */
.bt-menu .sub-menu li { list-style:none; }
.bt-menu .sub-menu li a {
  display:block; padding:10px 16px; white-space:nowrap;
  border-bottom:1px solid #f1f1f1; color:#111;
}
.bt-menu .sub-menu li:last-child a { border-bottom:none; }
.bt-menu .sub-menu li a:hover { background:#f9f9f9; color:#e80f2e; }

/* ==== MOBILE OFF-CANVAS ==== */
.bt-burger { display:none; }
.bt-mobile { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1000; display:none; }
.bt-mobile.open { display:block; }

/* tam ekran çekmece */
.bt-drawer {
  position:absolute; top:0; left:0;
  width:100vw; height:100%;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  transform:translateX(-100%);
  transition:transform .30s cubic-bezier(0.25,1,0.5,1);
  display:flex; flex-direction:column;
  overflow:auto; -webkit-overflow-scrolling:touch;
}
.bt-mobile.open .bt-drawer { transform:translateX(0); }

.bt-drawer-head { display:flex; align-items:center; justify-content:space-between; padding:14px; border-bottom:1px solid #eee; }
.bt-close { appearance:none; background:#fff; border:1px solid #e5e7eb; border-radius:8px; width:34px; height:32px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.bt-close:before { content:"✕"; font-size:16px; line-height:1; }

/* Mobil liste */
.bt-mmenu { list-style:none; margin:0; padding:8px 0; }
.bt-mmenu li { list-style:none; }
.bt-mmenu a { display:block; padding:14px 16px; border-bottom:1px solid #f1f1f1; color:#111; text-decoration:none; }
.bt-mmenu a:hover { background:#f8f8f8; }

/* Mobilde yazarlar kapalı başlasın; JS ile aç-kapat */
.bt-mmenu .sub-menu { list-style:none; margin:0; padding:0; display:none; }
.bt-mmenu .sub-menu li { list-style:none; }
.bt-mmenu .sub-menu a { padding:12px 24px; } /* içe girinti */

/* ==== RESPONSIVE ==== */
@media (max-width:900px){
  .bt-topbar .bt-row { justify-content:flex-end; }
  .bt-date { display:none; }
  .bt-burger { display:inline-flex; }
  .bt-nav { display:none; }
  .bt-logo-text { font-size:24px; }
}
.bt-logo { height:50px; width:auto; display:block; }
.bt-logo--sm { height:40px; width:auto; display:block; }