/* =====================================================
   ATIK MAKINA — FOOTER (yeniden tasarlandı)
   Bootstrap / Font Awesome gerektirmez, bağımsız çalışır.
   ===================================================== */

:root{
  --footer-blue-light:#7fb3e0;
  --footer-blue-mid:#4a86c4;
  --footer-blue-dark:#123a66;
  --footer-blue-darker:#0c2c50;
  --footer-text:#1c1c1c;
  --footer-radius:10px;
}

/* ---------- Genel kapsayıcı ---------- */
.site-footer{
  position:relative;
  /*margin-top:32px;*/
  background:#ffffff;
  font-family:'Inter', system-ui, -apple-system, sans-serif;
  overflow:visible;
}

.site-footer__inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 24px;
}

/* ---------- Üst ince mavi şerit + rozet ---------- */
.site-footer__topbar{
  position:relative;
  height:12px;
  background:linear-gradient(90deg, var(--footer-blue-light), var(--footer-blue-mid));
}

.site-footer__badge{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#ffffff;
  color:var(--footer-text);
  font-size:15px;
  font-weight:500;
  letter-spacing:.2px;
  padding:14px 28px;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(15, 40, 70, .18);
  white-space:nowrap;
  z-index:2;
}

/* ---------- Navigasyon ---------- */
.site-footer__nav{
  padding:44px 0 20px;
}

.site-footer__nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 34px;
}

.site-footer__nav a{
  color:var(--footer-text);
  text-decoration:none;
  font-size:15px;
  font-weight:500;
  transition:color .2s ease;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible{
  color:var(--footer-blue-mid);
}

/* ---------- İletişim satırı ---------- */
.site-footer__contacts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:14px 44px;
  padding:44px 0 20px;
}

.site-footer__contact{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--footer-text);
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  transition:color .2s ease;
}

.site-footer__contact:hover,
.site-footer__contact:focus-visible{
  color:var(--footer-blue-mid);
}

.site-footer__contact svg{
  flex:none;
  width:18px;
  height:18px;
  color:var(--footer-blue-mid);
}

/* ---------- Adres ---------- */
.site-footer__address{
  display:block;
  text-align:center;
  color:var(--footer-text);
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  padding:10px 20px 40px;
  transition:color .2s ease;
}

.site-footer__address:hover,
.site-footer__address:focus-visible{
  color:var(--footer-blue-mid);
}

/* ---------- Alt bar (copyright) ---------- */
.site-footer__bottom{
  background:linear-gradient(90deg, var(--footer-blue-mid), var(--footer-blue-dark) 60%, var(--footer-blue-darker));
}

.site-footer__bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 0;
}

.site-footer__copy{
  color:#ffffff;
  font-size:13px;
  opacity:.95;
}

.site-footer__lumos img{
  height:40px;
  width:auto;
  display:block;
}

/* =====================================================
   Sağda sabit duran hızlı erişim butonları
   (telefon / whatsapp / yukarı çık)
   ===================================================== */
.floating-actions{
  position:fixed;
  right:22px;
  bottom:45px;
  z-index:60;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.floating-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  border:none;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}

.floating-btn svg{
  width:22px;
  height:22px;
}

.floating-btn:hover,
.floating-btn:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}

.floating-btn--phone{
  background:linear-gradient(180deg, #6fb1e6, #3f84c7);
}

.floating-btn--whatsapp{
  position:relative;
  background:#25d366;
}

.floating-btn--whatsapp::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:2px solid rgba(37,211,102,.35);
}

.floating-btn--top{
  width:40px;
  height:40px;
  background:#ffffff;
  color:var(--footer-blue-dark);
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
}

.floating-btn--top svg{
  width:18px;
  height:18px;
}

.floating-btn--top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

/* ---------- Mobil uyum ---------- */
@media (max-width: 760px){
  .site-footer__badge{
    font-size:13px;
    padding:10px 18px;
  }
  .site-footer__nav{ padding-top:38px; }
  .site-footer__nav ul{ gap:10px 20px; }
  .site-footer__contacts{ gap:12px 26px; }
  .site-footer__contact{ font-size:15px; }
  .site-footer__address{ font-size:15px; padding-bottom:28px; }
  .site-footer__bottom-row{
    flex-direction:column;
    text-align:center;
  }
  .floating-actions{
    right:14px;
    bottom:90px;
    gap:10px;
  }
  .floating-btn{ width:46px; height:46px; }
}

@media (prefers-reduced-motion: reduce){
  .floating-btn,
  .floating-btn--top{ transition:none; }
}