/* ==================================================
   WOODFLIX FOOTER — v1.1.0
   Still 01 : Kle Minimal
   ================================================== */

.wff-footer{
  --wff-bg:#fafafa;
  --wff-accent:#c60000;
  --wff-line:rgba(0,0,0,.08);
  --wff-muted:#8b8b93;

  background:var(--wff-bg);
  border-top:1px solid var(--wff-line);
  padding:34px 24px 0;
  letter-spacing:-.1px;
}

/* Fose tipografi a - anpeche tem nan enpoze serif */
.wff-footer,
.wff-footer *{
  box-sizing:border-box;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}

.wff-inner{max-width:960px;margin:0 auto}

/* ---------- ANLE ---------- */
.wff-top{
  display:flex;justify-content:space-between;
  align-items:flex-start;gap:44px;flex-wrap:wrap;
}

.wff-brand{max-width:260px}
.wff-logo-link{display:inline-block;line-height:0;margin:0}
.wff-footer .wff-logo-img{
  height:40px !important;
  width:auto !important;
  max-width:190px;
  object-fit:contain;
  object-position:left center;
  display:block;
  margin:0 !important;
}
.wff-logo-text{
  font-size:18px;font-weight:800 !important;
  letter-spacing:1.2px;color:#111;text-decoration:none;
}
.wff-footer .wff-tag{
  font-size:12.5px !important;
  color:var(--wff-muted) !important;
  margin:10px 0 0 !important;
  line-height:1.55 !important;
}

/* ---------- KOLON LYEN ---------- */
.wff-links{display:flex;gap:52px;flex-wrap:wrap}
.wff-footer .wff-links .wff-col h4{
  font-size:10.5px !important;
  font-weight:600 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#9b9ba3 !important;
  margin:0 0 9px !important;
  padding:0 !important;
  border:none !important;
}
.wff-footer .wff-links .wff-col a{
  display:block;
  font-size:13.5px !important;
  font-weight:400 !important;
  color:#3a3a40 !important;
  text-decoration:none !important;
  padding:4px 0 !important;
  transition:color .16s ease;
}
.wff-footer .wff-links .wff-col a:hover,
.wff-footer .wff-links .wff-col a:focus-visible{color:var(--wff-accent) !important}

/* ---------- BA : PEMAN + SOSYAL ---------- */
.wff-bar{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:14px;
  margin-top:28px;padding-top:18px;
  border-top:1px solid var(--wff-line);
}

.wff-pay{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wff-pay-label{
  font-size:10.5px !important;
  text-transform:uppercase;letter-spacing:1.1px;
  color:#a4a4ac;margin-right:2px;
}
.wff-pay-logo{
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;
  border:1px solid var(--wff-line);
  border-radius:8px;
  height:36px;padding:0 12px;
}
.wff-footer .wff-pay-logo img{
  height:19px !important;
  width:auto !important;
  max-width:74px;
  object-fit:contain;
  display:block;margin:0 !important;
}

/* ---------- SOSYAL ---------- */
.wff-social{display:flex;gap:8px;align-items:center}
.wff-social a,
.wff-social span{
  width:36px;height:36px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--wff-line);
  color:#65656d;overflow:hidden;padding:0;
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,
             background .16s ease,color .16s ease;
}
.wff-social a:hover{
  transform:translateY(-1px);
  color:#111;border-color:rgba(0,0,0,.2);
}
.wff-social svg{width:16px;height:16px;display:block}

.wff-social a.has-img,
.wff-social span.has-img{padding:0}
.wff-footer .wff-soc-img{
  width:100% !important;height:100% !important;
  object-fit:cover;display:block;
  margin:0 !important;border-radius:0 !important;
}

.wff-social a.wff-soc-whatsapp:not(.has-img):hover{background:#25D366;border-color:#25D366;color:#fff}
.wff-social a.wff-soc-facebook:not(.has-img):hover{background:#1877F2;border-color:#1877F2;color:#fff}
.wff-social a.wff-soc-instagram:not(.has-img):hover{background:#E1306C;border-color:#E1306C;color:#fff}
.wff-social a.wff-soc-tiktok:not(.has-img):hover{background:#111;border-color:#111;color:#fff}
.wff-social a.wff-soc-youtube:not(.has-img):hover{background:#FF0000;border-color:#FF0000;color:#fff}
.wff-social a.wff-soc-telegram:not(.has-img):hover{background:#229ED9;border-color:#229ED9;color:#fff}
.wff-social a:focus-visible{outline:2px solid var(--wff-accent);outline-offset:2px}

/* ---------- KOPIRIGHT ---------- */
.wff-footer .wff-cr{
  font-size:12px !important;
  color:var(--wff-muted) !important;
  padding:14px 0 24px;
  margin:0 !important;
  line-height:1.4 !important;
}

/* ==================================================
   RESPONSIVE
   ================================================== */
@media (max-width:900px){
  .wff-links{gap:38px}
}

@media (max-width:760px){
  .wff-footer{padding:30px 18px 0}
  .wff-top{flex-direction:column;gap:26px}
  .wff-brand{max-width:100%}

  .wff-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 20px;
    width:100%;
  }

  .wff-bar{margin-top:24px;padding-top:18px}

  /* espas pou bouton WhatsApp flotan an pa kouvri teks la */
  .wff-footer .wff-cr{padding:14px 0 84px}
}

@media (max-width:400px){
  .wff-links{grid-template-columns:1fr;gap:20px}
  .wff-pay-logo{height:34px;padding:0 10px}
  .wff-footer .wff-pay-logo img{height:17px !important}
}

@media (prefers-reduced-motion:reduce){
  .wff-social a,
  .wff-footer .wff-links .wff-col a{transition:none}
}