/*=================================================================
  FOOTER — शङ्खघोष मिडिया
  Uses the same colour tokens declared in header.css (:root),
  so both files must be loaded on every page.
=================================================================*/

.site-footer{
  background:var(--sg-navy-dark);
  border-top:3px solid var(--sg-orange);
  margin-top:40px;
}

/* ============ TOP AREA ============ */
.footer-top{
  padding:50px 0 30px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1.2fr;
  gap:36px;
}

.footer-col h4{
  color:#fff;
  font:600 19px 'Mukta',sans-serif;
  margin:0 0 18px;
  position:relative;
  padding-bottom:10px;
}
.footer-col h4::after{
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:34px;height:3px;
  border-radius:3px;
  background:var(--sg-orange);
}

/* about column */
.footer-logo{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  margin-bottom:16px;
}
.footer-logo img{
  height:46px;
  width:auto;
  display:block;
}
.footer-about-text{
  color:#c6c7dd;
  font:400 15.5px/26px 'Mukta',sans-serif;
  margin:0 0 20px;
}
.footer-social{
  display:flex;
  gap:10px;
}
.footer-social a{
  width:36px;height:36px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:15px;
  transition:background .2s ease, transform .2s ease;
}
.footer-social a:hover{
  background:var(--sg-orange);
  transform:translateY(-2px);
}

/* link columns */
.footer-links{
  list-style:none;
  margin:0;padding:0;
}
.footer-links li{
  margin-bottom:12px;
}
.footer-links a{
  color:#c6c7dd;
  font:400 15.5px 'Mukta',sans-serif;
  transition:color .2s ease, padding-left .2s ease;
  display:inline-block;
}
.footer-links a:hover{
  color:var(--sg-orange);
  padding-left:4px;
}

/* contact column */
.footer-contact-list{
  list-style:none;
  margin:0;padding:0;
}
.footer-contact-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:16px;
  color:#c6c7dd;
  font:400 15px/24px 'Mukta',sans-serif;
}
.footer-contact-list li i{
  width:20px;
  margin-top:4px;
  color:var(--sg-orange);
  font-size:15px;
  flex-shrink:0;
}
.footer-contact-list li a{color:#c6c7dd;}
.footer-contact-list li a:hover{color:#fff;}

/* ============ BOTTOM BAR ============ */
.footer-bottom{
  background:#100c40;
  padding:16px 0;
}
.footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
.footer-copy{
  color:#9c9dbd;
  font:400 14px 'Open Sans',sans-serif;
  margin:0;
}
.footer-copy a{color:#c6c7dd;}
.footer-copy a:hover{color:var(--sg-orange);}

.footer-bottom-nav{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:0;padding:0;
}
.footer-bottom-nav li{
  padding:0 14px;
  border-right:1px solid rgba(255,255,255,.14);
}
.footer-bottom-nav li:last-child{border-right:none;}
.footer-bottom-nav a{
  color:#9c9dbd;
  font:400 13.5px 'Open Sans',sans-serif;
}
.footer-bottom-nav a:hover{color:var(--sg-orange);}

/* ============ RESPONSIVE ============ */
@media (max-width:991px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:32px 24px;
  }
}
@media (max-width:575px){
  .footer-grid{grid-template-columns:1fr;gap:30px;}
  .footer-top{padding:38px 0 22px;text-align:left;}
  .footer-bottom-inner{flex-direction:column;text-align:center;}
  .footer-bottom-nav{justify-content:center;}
}