/* =========================================================
   ST Solar — footer.css
   5 kolonlu footer + alt bar + WhatsApp sabit butonu
   Önek: .ftr-  /  .wa-
   ========================================================= */

.ftr{
  background:var(--bg-soft);
  padding:70px 0 0;
  color:var(--muted);
}

/* ---------- Kolonlar ---------- */
.ftr-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1.2fr 1.2fr 1fr;
  gap:30px;
  padding-bottom:56px;
}
.ftr-col{min-width:0}

/* --- 1. kolon: logo + iletişim --- */
.ftr-logo{
  display:inline-block;
  font-size:30px;line-height:1;font-weight:800;
  letter-spacing:.5px;color:var(--orange);
}
.ftr-logo span{font-weight:300;color:var(--navy-700)}

.ftr-contact{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.ftr-contact li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:14px;line-height:1.55;color:var(--muted);
}
.ftr-contact a{color:var(--muted);transition:color .2s ease}
.ftr-contact a:hover{color:var(--navy-700)}
.ftr-ico{
  flex:0 0 auto;
  width:16px;height:16px;
  margin-top:3px;
  color:var(--muted);
}
.ftr-ico svg{width:100%;height:100%;display:block}

/* --- Başlıklar + link listeleri --- */
.ftr-h{
  font-size:14px;font-weight:700;line-height:1.4;
  letter-spacing:.6px;text-transform:uppercase;
  color:var(--ink);
  margin-bottom:18px;
}
.ftr-h--second{margin-top:34px;margin-bottom:0}
.ftr-h a{transition:color .2s ease}
.ftr-h a:hover{color:var(--navy-700)}

.ftr-list{display:flex;flex-direction:column;gap:13px}
.ftr-list a{
  font-size:14px;line-height:1.5;color:var(--muted);
  transition:color .2s ease;
}
.ftr-list a:hover{color:var(--navy-700)}

/* ---------- Alt bar ---------- */
.ftr-bottom{border-top:1px solid var(--line)}
.ftr .ftr-bottom-inner{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-top:22px;padding-bottom:22px;
}
.ftr-copy{font-size:14px;color:var(--muted);margin:0}
.ftr-copy strong{font-weight:700;color:var(--ink)}

.ftr-badges{display:flex;align-items:center;gap:22px}
.ftr-badge-solax{height:34px;width:auto}
.ftr-badge-award{height:48px;width:auto}

/* =========================================================
   WHATSAPP SABİT BUTON
   ========================================================= */
.wa-float{
  position:fixed;right:24px;bottom:24px;z-index:999;
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 22px;border-radius:999px;
  background:var(--wa);color:var(--white);
  box-shadow:0 10px 26px rgba(37,211,102,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}
.wa-float:hover{
  transform:scale(1.05);
  box-shadow:0 14px 32px rgba(37,211,102,.45);
}
.wa-ico{
  flex:0 0 auto;
  width:24px;height:24px;color:var(--white);
}
.wa-ico svg{width:100%;height:100%;display:block}

/* =========================================================
   YUKARI ÇIK — WhatsApp'ın üstünde beyaz daire (referanstaki gibi)
   ========================================================= */
.to-top{
  position:fixed;right:24px;bottom:92px;z-index:998;
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--white);color:var(--navy-700);
  box-shadow:0 8px 22px rgba(9,17,44,.16);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s, background .2s ease;
}
.to-top svg{width:22px;height:22px}
.to-top.is-visible{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .25s ease, transform .25s ease, visibility 0s, background .2s ease;
}
.to-top:hover{background:var(--navy-700);color:var(--white)}
.wa-txt{font-size:15px;font-weight:600;line-height:1;letter-spacing:.2px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1200px){
  .ftr-grid{gap:24px}
}

@media (max-width:992px){
  .ftr{padding-top:56px}
  .ftr-grid{
    grid-template-columns:repeat(2,1fr);
    gap:36px 30px;
    padding-bottom:44px;
  }
  .ftr-col--brand{grid-column:1 / -1}
}

@media (max-width:576px){
  .ftr{padding-top:46px}
  .ftr-grid{grid-template-columns:1fr;gap:32px}
  .ftr-logo{font-size:26px}
  .ftr .ftr-bottom-inner{
    flex-direction:column;align-items:flex-start;gap:18px;
  }
  .ftr-badges{gap:18px}
  .wa-float{right:14px;bottom:14px;padding:11px 16px}
  .to-top{right:14px;bottom:74px;width:42px;height:42px}
  .wa-txt{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  .wa-float,.to-top{transition:none}
  .wa-float:hover{transform:none}
}