/* ============================================================
   Krowten — ALTBİLGİ (footer). Tek kaynak: bu dosya en sonda yüklenir,
   styles/theme/reference/home/nav2/light içindeki eski footer kurallarını ezer.
   Yapı: scripts/build-footer.mjs (+ Kurumsal sütunu ve yasal şerit: build-kurumsal).
   Ölçek: 13/14/15/16 (2026-09-28 bir tık büyütüldü) · tek vurgu rengi · düz yüzeyler.
   ============================================================ */
footer.reference-footer{
  --f-bg:#061825;--f-line:#12314a;--f-h:#e3f0f8;--f-t:#8fb0c4;--f-dim:#6d8fa4;
  --f-acc:#22bafb;--f-btn:#22bafb;--f-btn-t:#03121d;--f-pill:#0a2233;
  /* Tam genişlik bant: .wrap içinde kalıp zemini ve üst çizgiyi kenardan kenara uzatır
     (ikinci gölge 1px yukarı kaymış çizgi; clip-path onu kesmesin diye üstten -1px). */
  background:var(--f-bg);box-shadow:0 0 0 100vmax var(--f-bg),0 -1px 0 100vmax var(--f-line);
  clip-path:inset(-1px -100vmax 0);
  border:0;margin-top:32px;padding:56px 0 24px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"duzen duzen" "telif yasal";
  color:var(--f-t);font-size:15px;
}
html[data-theme=light] footer.reference-footer{
  --f-bg:#f5f8fc;--f-line:#e3eaf1;--f-h:#0b1620;--f-t:#4a6073;--f-dim:#6a8093;
  --f-acc:#0b7fc4;--f-btn:#0b7fc4;--f-btn-t:#fff;--f-pill:#fff;
  background:var(--f-bg);border:0;color:var(--f-t);
}
/* light.css'teki eski .footer-bottom kuralı daha özgül; çizgi rengini burada sabitle. */
html[data-theme=light] footer.reference-footer .footer-bottom{border-top:1px solid var(--f-line);color:var(--f-dim)}

/* ---------- Üst: marka + dört sütun ---------- */
footer.reference-footer .footer-layout{
  grid-area:duzen;display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));
  gap:40px 32px;padding-bottom:44px;
}
footer.reference-footer .footer-brand{grid-column:auto}
footer.reference-footer .footer-brand img{width:150px;height:auto;display:block}
footer.reference-footer .footer-brand p{margin:16px 0 0;max-width:34ch;font-size:15px;line-height:1.6;color:var(--f-t)}
footer.reference-footer .footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
footer.reference-footer .footer-actions a{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;
  font-size:15px;line-height:1;text-decoration:none;white-space:nowrap;margin:0;
}
footer.reference-footer .footer-actions .footer-cta{background:var(--f-btn);color:var(--f-btn-t);font-weight:600;border:0}
footer.reference-footer .footer-actions .footer-cta:hover{filter:brightness(1.08)}
footer.reference-footer .footer-actions .footer-status{
  border:1px solid var(--f-line);background:var(--f-pill);color:var(--f-t);font-size:14px;border-radius:999px;min-height:0;
}
footer.reference-footer .footer-actions .footer-status:hover{color:var(--f-h)}
footer.reference-footer .footer-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e26}

footer.reference-footer .footer-column{grid-column:auto;min-width:0}
footer.reference-footer .footer-column h3{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--f-h);letter-spacing:0}
footer.reference-footer .footer-column a{
  display:block;width:fit-content;padding:5px 0;font-size:15px;line-height:1.5;color:var(--f-t);text-decoration:none;
}
footer.reference-footer .footer-column a:hover{color:var(--f-acc)}

/* ---------- Alt: telif solda, yasal bağlantılar sağda, tek çizgi ---------- */
footer.reference-footer .footer-bottom,
footer.reference-footer .krw-yasal-serit{
  border-top:1px solid var(--f-line);padding-top:20px;margin:0;font-size:14px;color:var(--f-dim);
}
footer.reference-footer .footer-bottom{grid-area:telif;display:flex;align-items:center;gap:12px}
footer.reference-footer .footer-bottom>span:not(:first-child){display:none}
footer.reference-footer .krw-yasal-serit{
  grid-area:yasal;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 20px;padding-left:24px;
}
footer.reference-footer .krw-yasal-serit a{font-size:14px;opacity:1;color:var(--f-dim);text-decoration:none}
footer.reference-footer .krw-yasal-serit a:hover{color:var(--f-h);text-decoration:none}

/* ---------- Tablet ---------- */
@media(max-width:1080px){
  footer.reference-footer .footer-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
  footer.reference-footer .footer-brand{grid-column:1/-1}
  footer.reference-footer .footer-brand p{max-width:52ch}
  footer.reference-footer{grid-template-columns:minmax(0,1fr);grid-template-areas:"duzen" "yasal" "telif"}
  footer.reference-footer .krw-yasal-serit{justify-content:flex-start;padding-left:0}
  footer.reference-footer .footer-bottom,html[data-theme=light] footer.reference-footer .footer-bottom{border-top:0;padding-top:14px}
}

/* ---------- Telefon ---------- */
@media(max-width:700px){
  footer.reference-footer{margin-top:24px;padding:40px 0 22px}
  footer.reference-footer .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-bottom:32px}
  footer.reference-footer .footer-brand img{width:136px}
  footer.reference-footer .footer-actions{margin-top:18px}
  footer.reference-footer .footer-column h3{margin-bottom:8px}
  footer.reference-footer .footer-column a{padding:4px 0}
  footer.reference-footer .krw-yasal-serit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
  footer.reference-footer .footer-bottom{font-size:13px}
}