/* =========================================================
   Kılıç Spot — Mase Group altyapısı üstüne marka katmanı (2026-11-03)
   Sıra: mg-theme.css → mg-header.css → ks-mg.css (bu dosya)
   Renk/yazı tokenları + Kılıç'a özel premium footer (.ks-foot) + sepet.
   ========================================================= */
:root{
  --mg-ink:#16181d; --mg-muted:#5f646d;
  --mg-brand:#d92316; --mg-brand-dark:#a3170d;
  --mg-accent:#f59e0b; --mg-gold:#e0a43a; --mg-teal:#1f2937;
  --mg-soft:#f6f4f1; --mg-line:#e7e3dd;
  --mg-paint:linear-gradient(100deg, #8e130a 0%, #d92316 45%, #f04a2b 75%, #f59e0b 100%);
  --mg-shadow:0 18px 44px rgba(22,24,29,.10); --mg-shadow-sm:0 8px 22px rgba(22,24,29,.07);
  --ks-red:#d92316; --ks-red-dark:#b51b10; --ks-ink:#17191d; --ks-muted:#5f646d;
  --ks-line:#e7e3dd; --ks-bg:#f6f4f1; --ks-card:#fff; --ks-wa:#1fa855; --ks-radius:16px;
  --ks-font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Header: sepet */
.mgh-cart{ position:relative; text-decoration:none; }
.mgh-cart svg{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mgh-cart-n{ position:absolute; top:-3px; right:-3px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--mg-brand); color:#fff; font:800 11px/18px var(--ks-font); text-align:center; box-shadow:0 0 0 2px #fff; }
.mgh-cart-n[hidden]{ display:none; }
.mgh-logo img{ width:auto; max-height:52px; object-fit:contain; }

/* Mobilde alt bar WhatsApp içeriyor: yüzen WhatsApp balonu masaüstünde kalsın */
@media (max-width:991.98px){ #hs-wa-float, .hs-wa-float, .hs-wa-bubble, #hs-call-float, .hs-call-float{ display:none !important; } }

/* =========================================================
   Footer — premium (partials/footer.php .ks-foot)
   ========================================================= */
#footer.dark{
  background:radial-gradient(1200px 400px at 85% -10%, rgba(217,35,22,.18), transparent 60%), #111215 !important;
  color:#c9ccd2; border-top:0 !important; font-family:var(--ks-font);
}
#footer .footer-widgets-wrap{ padding:56px 0 8px !important; }
.ks-foot{ position:relative; }

/* Çağrı bandı */
.ks-foot-cta{
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  padding:28px 32px; margin-bottom:48px; border-radius:22px;
  background:linear-gradient(135deg, var(--ks-red) 0%, #a8170d 100%);
  box-shadow:0 24px 50px rgba(217,35,22,.25);
  position:relative; overflow:hidden;
}
.ks-foot-cta::after{ content:""; position:absolute; right:-60px; top:-80px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); pointer-events:none; }
.ks-foot-cta-text{ flex:1 1 320px; position:relative; z-index:1; }
.ks-foot-eyebrow{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.8); margin-bottom:6px; }
.ks-foot-cta h3{ margin:0 !important; color:#fff !important; font-size:clamp(20px, 2.4vw, 26px) !important; line-height:1.25 !important; font-weight:800; letter-spacing:-.01em; }
.ks-foot-cta-btns{ display:flex; gap:10px; flex-wrap:wrap; position:relative; z-index:1; }
.ks-foot-cta-btns a{
  display:inline-flex; align-items:center; justify-content:center; gap:9px; height:50px; padding:0 22px; border-radius:14px;
  font-weight:700; font-size:15px; text-decoration:none !important; white-space:nowrap;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.ks-btn-wa{ background:#fff; color:#128c46 !important; box-shadow:0 8px 20px rgba(0,0,0,.15); }
.ks-btn-wa:hover{ transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,0,0,.2); }
.ks-btn-call{ background:rgba(0,0,0,.18); color:#fff !important; border:1px solid rgba(255,255,255,.28); }
.ks-btn-call:hover{ background:rgba(0,0,0,.28); }

/* Izgara */
.ks-foot-grid{ display:grid; grid-template-columns:1.3fr .8fr 1.2fr 1.3fr; gap:40px; }
.ks-foot-logo img{ height:84px !important; width:auto !important; display:block; margin:-6px 0 14px -6px; }
.ks-foot-brand p{ color:#9ea3ab !important; font-size:14.5px; line-height:1.7; margin:0 0 20px !important; max-width:34ch; }
.ks-foot-brand p b, .ks-foot-brand p strong{ color:#e6e7ea; font-weight:600; }
.ks-foot-social{ display:flex; gap:10px; }
.ks-foot-social a{
  width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e6e7ea !important; font-size:17px;
  transition:background-color .16s ease, transform .16s ease, color .16s ease;
}
.ks-foot-social a:hover{ background:var(--ks-red); border-color:var(--ks-red); color:#fff !important; transform:translateY(-2px); }

.ks-foot-col h4{
  color:#fff !important; font-size:13px !important; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  margin:6px 0 18px !important; position:relative; padding-bottom:12px;
}
.ks-foot-col h4::after{ content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--ks-red); }
.ks-foot-col ul{ list-style:none; margin:0 !important; padding:0 !important; }
.ks-foot-col li{ margin:0 0 12px; font-size:14.5px; line-height:1.55; color:#9ea3ab; }
.ks-foot-col a{ color:#c9ccd2 !important; text-decoration:none !important; border:0 !important; transition:color .15s ease; }
.ks-foot-col a:hover{ color:#fff !important; }
.ks-foot-col nav a, nav.ks-foot-col li a{ display:inline-flex; align-items:center; gap:8px; }
nav.ks-foot-col li a::before{ content:""; width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.18); transition:background-color .15s ease; }
nav.ks-foot-col li a:hover::before{ background:var(--ks-red); }
.ks-foot-contact li{ display:flex; gap:12px; align-items:flex-start; }
.ks-foot-contact li > i{
  flex:0 0 32px; width:32px; height:32px; border-radius:10px; margin-top:-3px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(217,35,22,.14); color:#ff6a5c; font-size:14px;
}
.ks-foot-contact li a, .ks-foot-contact li span{ text-transform:none; overflow-wrap:anywhere; }

/* Form */
.ks-foot-form input[type=text], .ks-foot-form input[type=email], .ks-foot-form textarea{
  display:block; width:100%; margin:0 0 10px; padding:12px 14px !important; height:auto !important;
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:12px !important;
  color:#fff !important; font-family:var(--ks-font); font-size:15px; box-shadow:none !important;
}
.ks-foot-form textarea{ resize:vertical; min-height:92px; }
.ks-foot-form input::placeholder, .ks-foot-form textarea::placeholder{ color:#7d828b; }
.ks-foot-form input:focus, .ks-foot-form textarea:focus{ border-color:var(--ks-red) !important; background:rgba(255,255,255,.08) !important; box-shadow:0 0 0 3px rgba(217,35,22,.2) !important; outline:0; }
.ks-foot-form input.hidden{ display:none !important; }
.ks-foot-form button{
  width:100%; height:48px; border:0; border-radius:12px; background:var(--ks-red); color:#fff;
  font-family:var(--ks-font); font-weight:700; font-size:15px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  transition:background-color .16s ease, transform .16s ease;
}
.ks-foot-form button:hover{ background:var(--ks-red-dark); transform:translateY(-1px); }
.ks-sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Alt şerit */
#copyrights.ks-foot-bottom{ background:transparent !important; border-top:1px solid rgba(255,255,255,.08) !important; padding:22px 0 !important; margin-top:32px; }
#copyrights.ks-foot-bottom .container{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:#80858e; }

@media (max-width:991.98px){
  .ks-foot-grid{ grid-template-columns:1fr 1fr; gap:36px 28px; }
}
@media (max-width:767px){
  #footer .footer-widgets-wrap{ padding:36px 0 0 !important; }
  .ks-foot-cta{ padding:24px 20px; margin-bottom:36px; border-radius:20px; }
  .ks-foot-cta-btns{ width:100%; }
  .ks-foot-cta-btns a{ flex:1 1 100%; }
  .ks-foot-grid{ grid-template-columns:1fr 1fr; gap:32px 18px; }
  .ks-foot-brand, .ks-foot-contact, .ks-foot-grid > .quick-contact-widget{ grid-column:1 / -1; }
  .ks-foot-logo img{ height:72px !important; }
  .ks-foot-brand p{ max-width:none; }
  #copyrights.ks-foot-bottom{ padding:20px 0 calc(96px + env(safe-area-inset-bottom)) !important; } /* yüzen butonların altında kalmasın */
  #copyrights.ks-foot-bottom .container{ flex-direction:column; align-items:flex-start; gap:4px; }
}
.ks-foot-grid > *{ margin:0 !important; }
@media (max-width:767px){
  nav.ks-foot-col{ grid-column:1 / -1; }
  nav.ks-foot-col ul{ display:grid; grid-template-columns:1fr 1fr; column-gap:16px; }
  .ks-foot-contact li{ font-size:14px; }
}

/* ---------- Düzeltme: koyu bölümlerde başlıklar beyaz kalsın ---------- */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4,
.parallax.dark .emphasis-title h2{ color:#fff !important; }
#footer.dark .ks-foot-cta h3{ color:#fff !important; }


/* Ana sayfa hero: video yoksa galeri/kampanya görselleri sırayla */
.ks-hero-slides{ position:absolute; inset:0; overflow:hidden; background:#16181d; }
.ks-hero-slides img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.04); transition:opacity 1.1s ease, transform 6s ease; }
.ks-hero-slides img.is-on{ opacity:1; transform:scale(1); }
@media (prefers-reduced-motion:reduce){ .ks-hero-slides img{ transition:none; transform:none; } }