/* ==========================================================================
   Akbayrak Savunma Sanayi — Şablon üstü özel katman (header/footer + rötuşlar)
   Mighty temasının yapısını bozmadan, sonra yüklenir.
   ========================================================================== */
:root{
  --ak-bg:#060c09; --ak-panel:#0d1711; --ak-gold:#c8102e; --ak-gold-soft:#ef5a68;
  --ak-text:#eef2f8; --ak-muted:#9db0c7; --ak-line:rgba(200,16,46,.18);
}

/* ---------- Header ---------- */
.ak-header{ position:sticky; top:0; left:0; right:0; z-index:9999; background:rgba(6,12,9,.92);
  backdrop-filter:blur(14px); border-bottom:1px solid var(--ak-line); font-family:"Rajdhani","Segoe UI",sans-serif; }
.ak-header .container-150{ width:min(1400px,94%); margin-inline:auto; }
.ak-topbar{ display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13.12px; color:var(--ak-muted); }
.ak-topbar p{ margin:0; letter-spacing:.04em; }
.ak-top-right{ display:flex; gap:22.4px; }
.ak-top-right a{ color:var(--ak-muted); text-decoration:none; transition:color .2s; }
.ak-top-right a:hover{ color:var(--ak-gold-soft); }
.ak-main{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:11.2px 0; }
.ak-logo{ display:flex; align-items:center; gap:11.2px; text-decoration:none; }
.ak-logo img{ height:72px; width:auto; display:block; filter:drop-shadow(0 2px 10px rgba(200,16,46,.25)); }
.ak-logo-text{ font-family:"Rajdhani","Segoe UI",sans-serif; font-weight:700; font-size:20.8px; letter-spacing:.04em; color:#fff; line-height:1.15; }
.ak-logo-text small{ display:block; font-size:8.96px; letter-spacing:.3em; color:var(--ak-gold); font-weight:600; }
.ak-nav ul{ display:flex; gap:32px; list-style:none; margin:0; padding:0; }
.ak-nav a{ color:var(--ak-text); text-decoration:none; font-weight:600; font-size:16.32px; letter-spacing:.03em; position:relative; padding:4.8px 0; transition:color .2s; }
.ak-nav a::after{ content:""; position:absolute; left:0; bottom:-3px; width:0; height:2px; background:linear-gradient(90deg,var(--ak-gold),transparent); transition:width .28s; }
.ak-nav a:hover, .ak-nav a.active{ color:var(--ak-gold-soft); }
.ak-nav a:hover::after, .ak-nav a.active::after{ width:100%; }
.ak-cta{ background:linear-gradient(135deg,var(--ak-gold-soft),var(--ak-gold) 60%,#b8941f); color:#0a0f18 !important;
  padding:9.6px 22.4px; border-radius:999px; font-weight:700; text-decoration:none; white-space:nowrap;
  box-shadow:0 6px 20px rgba(200,16,46,.25); transition:transform .2s, box-shadow .2s; }
.ak-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(200,16,46,.45); }
.ak-burger{ display:none; background:none; border:0; cursor:pointer; width:46px; height:46px; }
.ak-burger span{ display:block; width:26px; height:2px; margin:6px auto; background:#fff; border-radius:2px; transition:.3s; }
.ak-burger.open span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
.ak-burger.open span:nth-child(2){ opacity:0; }
.ak-burger.open span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
.ak-mobile{ display:none; }

@media (max-width:1120px){
  .ak-nav, .ak-main > .ak-cta{ display:none; }
  .ak-burger{ display:block; }
  .ak-mobile{ display:block; max-height:0; overflow:hidden; transition:max-height .35s ease; background:var(--ak-panel); border-top:1px solid var(--ak-line); }
  .ak-mobile.open{ max-height:520px; }
  .ak-mobile nav{ display:flex; flex-direction:column; padding:16px 0; }
  .ak-mobile a{ color:var(--ak-text); text-decoration:none; font-weight:600; padding:13.6px 4%; font-size:17.6px; border-bottom:1px solid rgba(255,255,255,.05); }
  .ak-mobile a:hover{ color:var(--ak-gold-soft); background:rgba(200,16,46,.06); }
  .ak-topbar{ font-size:11.52px; }
  .ak-top-right{ gap:14.4px; }
}
@media (max-width:560px){ .ak-topbar p{ display:none; } .ak-topbar{ justify-content:center; } }

/* ---------- Footer ---------- */
.ak-footer{ background:linear-gradient(180deg,#0a1120,#05080f); border-top:1px solid var(--ak-line);
  color:var(--ak-muted); font-family:"Inter",sans-serif; padding:64px 0 22.4px; position:relative; }
.ak-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--ak-gold),transparent); }
.ak-footer .ak-fwrap{ width:min(1200px,92%); margin-inline:auto; }
.ak-fgrid{ display:grid; grid-template-columns:1.7fr 1fr 1fr 1.2fr; gap:32px; }
.ak-footer h4{ color:#fff; font-family:"Rajdhani",sans-serif; font-size:16px; letter-spacing:.05em; margin:0 0 16px; text-transform:uppercase; }
.ak-footer ul{ list-style:none; margin:0; padding:0; }
.ak-footer ul li{ padding:4.8px 0; }
.ak-footer a{ color:var(--ak-muted); text-decoration:none; font-size:15.2px; transition:color .2s, padding .2s; }
.ak-footer a:hover{ color:var(--ak-gold-soft); padding-left:4px; }
.ak-footer .ak-flogo{ display:flex; align-items:center; gap:11.2px; text-decoration:none; margin-bottom:16px; }
.ak-footer .ak-flogo img{ height:64px; width:auto; margin-bottom:0; }
.ak-footer .ak-logo-text{ font-family:"Rajdhani","Segoe UI",sans-serif; font-weight:700; font-size:19.2px; letter-spacing:.04em; color:#fff; line-height:1.15; }
.ak-footer .ak-logo-text small{ display:block; font-size:8.64px; letter-spacing:.28em; color:var(--ak-gold); font-weight:600; }
.ak-footer .ak-fdesc{ max-width:34ch; line-height:1.7; font-size:15.2px; }
.ak-fsoc{ display:flex; gap:11.2px; margin-top:19.2px; }
.ak-fsoc a{ width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--ak-line); border-radius:10px; color:var(--ak-muted); }
.ak-fsoc a:hover{ border-color:var(--ak-gold); color:var(--ak-gold); transform:translateY(-3px); }
.ak-fbottom{ margin-top:40px; padding-top:22.4px; border-top:1px solid var(--ak-line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:13.44px; }
.ak-fbottom .ak-legal{ display:flex; gap:17.6px; flex-wrap:wrap; }
@media (max-width:900px){ .ak-fgrid{ grid-template-columns:1fr 1fr; } .ak-footer .ak-flogo{ grid-column:1/-1; } }
@media (max-width:560px){ .ak-fgrid{ grid-template-columns:1fr; } }

/* ---------- Yer tutucu görsel rötuşu ---------- */
img[src*="/product/"], img[src*="/team/"], img[src*="/blog/"]{ object-fit:cover; }

/* ---------- İç sayfa (yasal / 404) ---------- */
.ak-body{ background:#060c09; color:#eef2f8; font-family:"Inter",sans-serif; }
.ak-page-hero{ padding:144px 0 56px; background:radial-gradient(ellipse at 70% 10%,rgba(56,189,248,.10),transparent 55%),linear-gradient(160deg,#0a1120,#05080f); border-bottom:1px solid var(--ak-line); text-align:center; }
.ak-page-hero h1{ font-family:"Rajdhani",sans-serif; font-size:clamp(32px,5vw,51.2px); margin:0 0 8px; color:#fff; }
.ak-page-hero .bc{ color:var(--ak-muted); font-size:14.4px; }
.ak-page-hero .bc a{ color:var(--ak-gold-soft); text-decoration:none; }
.ak-legal-wrap{ width:min(880px,92%); margin:0 auto; padding:56px 0 80px; }
.ak-legal-wrap h2{ font-family:"Rajdhani",sans-serif; color:#fff; margin:38.4px 0 9.6px; border-left:3px solid var(--ak-gold); padding-left:12.8px; font-size:24px; }
.ak-legal-wrap h3{ font-family:"Rajdhani",sans-serif; color:var(--ak-gold-soft); margin:22.4px 0 6.4px; font-size:18.4px; }
.ak-legal-wrap p, .ak-legal-wrap li{ color:#c7d3e4; line-height:1.8; }
.ak-legal-wrap a{ color:var(--ak-gold-soft); }
.ak-legal-wrap strong{ color:#fff; }
.ak-404{ min-height:70vh; display:grid; place-items:center; text-align:center; padding:128px 16px 64px; }
.ak-404 .big{ font-family:"Rajdhani",sans-serif; font-size:clamp(80px,18vw,192px); line-height:1; color:var(--ak-gold); text-shadow:0 0 50px rgba(200,16,46,.4); }
.ak-btn{ display:inline-block; background:linear-gradient(135deg,var(--ak-gold-soft),var(--ak-gold) 60%,#b8941f); color:#0a0f18; padding:13.6px 28.8px; border-radius:8px; font-weight:700; text-decoration:none; font-family:"Rajdhani",sans-serif; }

/* ========================================================================== 
   Ortak responsive düzen — 2026-10
   Tema dosyalarından SONRA yüklenir. Legacy 10px kök ölçüsü değiştirilmez.
   Header/footer/yasal sayfalar aynı px tabanlı bileşen ölçülerini kullanır.
   ========================================================================== */
:root {
  --ak-font: "Segoe UI", Arial, sans-serif;
  --ak-content: 1280px;
  --ak-gutter: clamp(20px, 4vw, 48px);
  --ak-section: clamp(56px, 7vw, 104px);
  --ak-radius: 12px;
  --ak-header-height: 118px;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
html { scroll-padding-top: calc(var(--ak-header-height) + 24px); }
img, video { max-width: 100%; }
video { height: auto; }
[hidden]:not([hidden="until-found"]) { display: none !important; }
a, button, input, select, textarea { -webkit-tap-highlight-color: rgba(200,16,46,.15); }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--ak-gold-soft); outline-offset: 5px;
}
.ak-skip-link {
  position: fixed; top: 10px; left: 16px; z-index: 10001;
  padding: 12px 20px; border-radius: 6px; background: var(--ak-gold-soft);
  color: #060c09; font: 600 16px/1.4 var(--ak-font);
  transform: translateY(-160%); text-decoration: none;
}
.ak-skip-link:focus { transform: translateY(0); }
#main-content { min-width: 0; }
#main-content:focus { outline: none; }

/* Site çapında sabit tipografi ve hizalama. */
.ak-header, .ak-footer, .ak-body { font-family: var(--ak-font); font-size: 16px; line-height: 1.6; }
.ak-header { isolation: isolate; }
.ak-header .container-150 {
  width: min(100%, 1400px); max-width: 1400px; margin: 0 auto;
  padding: 0 var(--ak-gutter);
}
.ak-topbar { min-height: 36px; padding: 6px 0; font-size: 12px; line-height: 1.5; }
.ak-topbar p { color: var(--ak-muted); font-size: inherit; line-height: inherit; }
.ak-top-right { gap: 24px; min-width: 0; }
.ak-top-right a { font-size: inherit; line-height: inherit; }
.ak-main { min-height: 82px; padding: 16px 0; gap: 24px; }
.ak-logo, .ak-flogo { flex: 0 0 auto; min-width: 0; }
.ak-logo-text, .ak-footer .ak-logo-text {
  font: 700 24px/1.12 var(--ak-font); letter-spacing: .065em; color: #fff;
}
.ak-logo-text small, .ak-footer .ak-logo-text small {
  display: block; margin-top: 6px; color: var(--ak-gold);
  font: 600 10px/1.5 var(--ak-font); letter-spacing: .3em;
}
.ak-nav ul { gap: clamp(18px, 2vw, 32px); align-items: center; }
.ak-nav li { padding: 0; margin: 0; }
.ak-nav a { display: block; padding: 10px 0; font-size: 15px; line-height: 24px; letter-spacing: 0; }
.ak-nav a::after { bottom: 4px; }
.ak-cta { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 10px 24px; font-size: 15px; line-height: 1.5; }
.ak-burger { padding: 8px; flex: 0 0 46px; min-height: 46px; border-radius: 8px; }
.ak-burger:hover { background: rgba(255,255,255,.06); }
.ak-mobile a { line-height: 1.5; }
.ak-mobile a.active { color: var(--ak-gold-soft); background: rgba(200,16,46,.08); }
.ak-footer { padding: 64px 0 24px; }
.ak-footer .ak-fwrap { width: min(100%, 1400px); padding: 0 var(--ak-gutter); }
.ak-fgrid { grid-template-columns: minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr); gap: 36px; }
.ak-fgrid > div { min-width: 0; }
.ak-footer h4 { margin: 0 0 20px; font: 600 16px/1.5 var(--ak-font); letter-spacing: .04em; }
.ak-footer .ak-flogo { margin-bottom: 20px; }
.ak-footer .ak-fdesc { font-size: 15px; line-height: 1.8; margin: 0; max-width: 36ch; }
.ak-footer a, .ak-footer li { font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.ak-footer ul li { margin: 0; padding: 3px 0; }
.ak-footer ul a { display: inline-block; padding: 5px 0; }
.ak-footer a:hover { padding-left: 0; }
.ak-fsoc { gap: 10px; margin-top: 22px; }
.ak-fsoc a { width: 44px; height: 44px; }
.ak-fbottom { margin-top: 40px; padding-top: 24px; font-size: 13px; line-height: 1.8; gap: 12px 24px; }
.ak-fbottom .ak-legal { gap: 8px 20px; }
.ak-fbottom a { font-size: 13px; }


/* Orijinal amblem — responsive kimlik alanı. */
.ak-logo, .ak-footer .ak-flogo { gap: 14px; }
.ak-logo img, .ak-footer .ak-flogo img {
  display: block; flex: 0 0 auto; width: 88px; height: auto; max-height: 72px;
  object-fit: contain; margin: 0; filter: drop-shadow(0 2px 8px rgba(200,16,46,.13));
}
.ak-main { min-height: 94px; padding-block: 12px; }
.ak-footer .ak-flogo { align-items: center; }
@media (min-width: 1121px) and (max-width: 1279px) {
  .ak-nav ul { gap: 18px; }
  .ak-nav a { font-size: 14px; }
  .ak-logo-text { font-size: 21px; }
  .ak-logo img { width: 78px; }
  .ak-main { gap: 18px; }
}
@media (max-width: 560px) {
  .ak-main { min-height: 78px; gap: 12px; }
  .ak-logo { gap: 10px; }
  .ak-logo img { width: 64px; max-height: 52px; }
  .ak-logo-text { font-size: 18px; letter-spacing: .045em; }
  .ak-logo-text small { font-size: 8px; letter-spacing: .23em; margin-top: 5px; }
  .ak-footer .ak-flogo img { width: 80px; }
  .ak-footer .ak-logo-text { font-size: 20px; }
  .ak-footer .ak-logo-text small { font-size: 9px; }
}
