/* /assets/css/footer.css */
/* Keep variables in sync with site theme (global.css normally) */
:root{
  --brand-primary:#d90429;
  --bg-footer:#050505;
  --bg-footer-btm:#000;
  --text-footer:#888;
  --text-main:#fff;
}
[data-theme="light"] {
  --bg-footer:#1a1a1a;
  --bg-footer-btm:#000;
  --text-footer:#666;
  --text-main:#111;
}

footer { background:var(--bg-footer); color:var(--text-footer); border-top:1px solid #222; padding-top:70px; font-size:0.95rem; }
.ft-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:40px; padding-bottom:50px; }
.ft-head { color:#fff; font-weight:800; margin-bottom:25px; text-transform:uppercase; border-left:3px solid var(--brand-primary); padding-left:10px; }
.ft-desc { line-height:1.6; margin-bottom:20px; color:var(--text-footer); }
.ft-links li{ margin-bottom:12px; border-bottom:1px dashed #222; padding-bottom:10px; }
.ft-links a{ color:var(--text-footer); }
.ft-links a:hover{ color:var(--brand-primary); padding-left:5px; }
.social-icons { display:flex; gap:15px; }
.si-icon { width:18px; height:18px; fill:#fff; cursor:pointer; }
.app-btn-footer { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,#1f1f1f,#2a2a2a); color:#fff; padding:12px 24px; border-radius:30px; border:1px solid #333; text-decoration:none }
.ft-bottom { background:var(--bg-footer-btm); border-top:1px solid #111; padding:30px 0; text-align:center; font-size:0.85rem; color:var(--text-footer); }

/* responsive */
@media(max-width:768px){
  .ft-grid { grid-template-columns:1fr; text-align:center; }
  .ft-head { border-left:none; border-bottom:3px solid var(--brand-primary); display:inline-block; padding-bottom:6px; padding-left:0; }
}