/* ARIMAKİNA VİNÇ - Özel Stiller
   Tailwind Play CDN üzerine ek/override stiller. */

:root{
  --brand:#F5B301;
  --ink:#16181d;
}

html{ -webkit-text-size-adjust:100%; }
body{ overflow-x:hidden; }

/* Bölüm başlık etiketi */
.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.78rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color:#A87600;
}
.eyebrow::before{ content:""; width:28px; height:2px; background:var(--brand); display:inline-block; }

/* Endüstriyel arka plan deseni */
.bg-grid{
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
}
.bg-diagonal{
  background-image:repeating-linear-gradient(45deg, rgba(245,179,1,.08) 0 12px, transparent 12px 24px);
}

/* Hero overlay */
.hero-overlay{
  background:linear-gradient(90deg, rgba(16,18,22,.94) 0%, rgba(16,18,22,.78) 45%, rgba(16,18,22,.45) 100%);
}

/* Kart hover */
.card-lift{ transition:transform .25s ease, box-shadow .25s ease; }
.card-lift:hover{ transform:translateY(-6px); box-shadow:0 18px 40px -16px rgba(16,18,22,.25); }

/* Üst çizgi vurgusu */
.top-accent{ position:relative; }
.top-accent::after{
  content:""; position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--brand);
  transition:width .3s ease;
}
.top-accent:hover::after{ width:100%; }

/* Navbar gölgesi (scroll) */
#navbar.scrolled{ box-shadow:0 6px 24px -14px rgba(16,18,22,.3); }

/* Blog içerik tipografisi */
.article-body{ color:#374151; line-height:1.8; font-size:1.05rem; }
.article-body h2{ font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:1.7rem; color:var(--ink); margin:2rem 0 .8rem; }
.article-body h3{ font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:1.35rem; color:var(--ink); margin:1.5rem 0 .6rem; }
.article-body p{ margin-bottom:1.1rem; }
.article-body ul{ list-style:disc; padding-left:1.4rem; margin-bottom:1.1rem; }
.article-body ol{ list-style:decimal; padding-left:1.4rem; margin-bottom:1.1rem; }
.article-body a{ color:#A87600; text-decoration:underline; }
.article-body img{ border-radius:.75rem; margin:1.5rem 0; max-width:100%; height:auto; }
.article-body blockquote{ border-left:4px solid var(--brand); padding:.5rem 1.2rem; background:#FFF8E1; border-radius:.4rem; margin:1.2rem 0; color:#3a3f49; }

/* Accordion geçiş */
.faq-panel{ max-height:0; overflow:hidden; transition:max-height .35s ease; }

/* Erişilebilirlik: odak görünürlüğü */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid rgba(245,179,1,.6); outline-offset:2px;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms!important; transition-duration:.001ms!important; }
}