/* ============================================================
   KC CINEMAX — CINEMATIC FOOTER
   Updated for Image Logo
   ============================================================ */

footer.kc-footer{
  position:relative;
  margin:5rem 0 0;
  padding:4rem 0 2rem;
  color:#9a9aa5;
  background:
    radial-gradient(100% 60% at 50% 0%, rgba(249,168,38,.08) 0%, transparent 55%),
    linear-gradient(180deg,#0a0a0d 0%,#050507 100%);
  border-top:1px solid rgba(249,168,38,.18);
  overflow:hidden;
  isolation:isolate;
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.95rem;
  line-height:1.6;
  box-sizing:border-box;
}
footer.kc-footer *,
footer.kc-footer *::before,
footer.kc-footer *::after{
  box-sizing:border-box;
}

footer.kc-footer::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(249,168,38,.7) 50%,transparent);
  box-shadow:0 0 24px rgba(249,168,38,.5);
  pointer-events:none;
}
footer.kc-footer .kc-footer-glow{
  position:absolute;
  top:-200px; left:50%;
  width:min(900px,120vw); height:380px;
  transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(249,168,38,.20),transparent 70%);
  filter:blur(40px);
  pointer-events:none;
  z-index:0;
}

footer.kc-footer .kc-footer-container{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 1.25rem;
}

footer.kc-footer .kc-footer-grid{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.3fr;
  gap:2.75rem;
  align-items:start;
  width:100%;
}
footer.kc-footer .kc-footer-col{
  min-width:0;
  width:100%;
}

/* ============================================================
   LOGO STYLES
   ============================================================ */
footer.kc-footer .kc-footer-logo{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin:0 0 1.1rem;
}

/* NEW: Image Logo Style */
footer.kc-footer .kc-footer-logo-img {
  height: 45px; /* Adjust height as needed */
  width: auto;
  object-fit: contain;
  display: block;
  /* Subtle glow to match the footer theme */
  filter: drop-shadow(0 0 10px rgba(249,168,38,.15));
}

/* Legacy Text Logo Styles (kept for fallback) */
footer.kc-footer .kc-footer-logo-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px; height:48px;
  flex:0 0 48px;
  border-radius:12px;
  background:linear-gradient(135deg,#ffc84a,#F9A826);
  color:#1a1200;
  font-weight:900;
  font-size:1.05rem;
  letter-spacing:.5px;
  line-height:1;
  box-shadow:0 8px 22px -8px rgba(249,168,38,.7);
}
footer.kc-footer .kc-footer-logo-name{
  font-weight:800;
  font-size:1.18rem;
  color:#fff;
  letter-spacing:2px;
  line-height:1;
}

/* ============================================================
   TAGLINE & SOCIAL
   ============================================================ */
footer.kc-footer .kc-footer-tagline{
  color:#9a9aa5;
  font-size:.92rem;
  line-height:1.6;
  margin:0 0 1.35rem;
  max-width:36ch;
}

footer.kc-footer .kc-footer-social{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
footer.kc-footer .kc-footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px; height:38px;
  border-radius:10px;
  color:#c7c7d1;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
footer.kc-footer .kc-footer-social a:hover{
  color:#F9A826;
  border-color:rgba(249,168,38,.55);
  background:rgba(249,168,38,.08);
  transform:translateY(-2px);
}

/* ============================================================
   LINKS & HEADINGS
   ============================================================ */
footer.kc-footer .kc-footer-heading{
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:2.2px;
  text-transform:uppercase;
  margin:0 0 1.1rem;
  padding:0 0 .6rem;
  position:relative;
}
footer.kc-footer .kc-footer-heading::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:28px; height:2px;
  background:linear-gradient(90deg,#F9A826,transparent);
  border-radius:2px;
}

footer.kc-footer ul.kc-footer-links{
  list-style:none;
  padding:0; margin:0;
}
footer.kc-footer ul.kc-footer-links li{
  margin:0 0 .6rem;
  padding:0;
  line-height:1.5;
}
footer.kc-footer ul.kc-footer-links a{
  color:#9a9aa5;
  text-decoration:none;
  font-size:.92rem;
  transition:color .18s ease,padding-left .18s ease;
  display:inline-block;
}
footer.kc-footer ul.kc-footer-links a:hover{
  color:#F9A826;
  padding-left:4px;
}
footer.kc-footer ul.kc-footer-links-contact li{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:#9a9aa5;
  font-size:.92rem;
}
footer.kc-footer ul.kc-footer-links-contact li i{
  color:#F9A826;
  font-size:.95rem;
  flex:0 0 auto;
}
footer.kc-footer ul.kc-footer-links-contact li span,
footer.kc-footer ul.kc-footer-links-contact li a{
  word-break:break-word;
}
footer.kc-footer ul.kc-footer-links-contact li a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease;
}
footer.kc-footer ul.kc-footer-links-contact li a:hover{
  color:#F9A826;
}

/* ============================================================
   BOTTOM STRIP
   ============================================================ */
footer.kc-footer .kc-footer-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  justify-content:space-between;
  align-items:center;
  margin:3rem 0 0;
  padding:1.35rem 0 0;
  border-top:1px solid rgba(255,255,255,.07);
  color:#7a7a85;
  font-size:.82rem;
  letter-spacing:.02em;
}
footer.kc-footer .kc-footer-strip-links a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease;
}
footer.kc-footer .kc-footer-strip-links a:hover{color:#F9A826}
footer.kc-footer .kc-footer-dot{margin:0 .5rem;opacity:.5}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:991.98px){
  footer.kc-footer{padding:3rem 0 1.75rem;margin-top:3.5rem}
  footer.kc-footer .kc-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:2rem;
  }
  footer.kc-footer .kc-footer-brand-col{
    grid-column:1 / -1;
  }
}
@media (max-width:575.98px){
  footer.kc-footer{
    padding:2.5rem 0 1.5rem;
    margin-top:2.5rem;
  }
  footer.kc-footer .kc-footer-container{
    padding:0 1rem;
  }
  footer.kc-footer .kc-footer-grid{
    grid-template-columns:1fr;
    gap:1.75rem;
  }
  footer.kc-footer .kc-footer-brand-col{
    grid-column:auto;
  }
  footer.kc-footer .kc-footer-strip{
    justify-content:flex-start;
    font-size:.78rem;
    margin-top:2rem;
  }
  footer.kc-footer .kc-footer-strip-links{
    display:flex;
    flex-wrap:wrap;
    gap:.25rem 0;
  }
}
@media (max-width:360px){
  footer.kc-footer .kc-footer-container{
    padding:0 .85rem;
  }
  footer.kc-footer .kc-footer-logo-name{
    font-size:1.05rem;
    letter-spacing:1.5px;
  }
}