/* ===== Footer: light theme (logo visible) + aligned columns ===== */
footer{
  position:relative;
  background:linear-gradient(135deg,#FFF1D6,#FFFFFF 50%,#E4F5EA);
  color:var(--ink);
  padding:44px 32px 20px;
  border-top:1px solid var(--line);
}
/* tricolor strip on top */
footer::before{
  content:""; position:absolute; left:0; right:0; top:0; height:5px;
  background:linear-gradient(90deg,var(--saffron) 33%,#fff 33% 66%,var(--green) 66%);
}
footer .wrap{padding-left:0; padding-right:0}

/* 4 columns for 4 blocks, all top-aligned */
.foot-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.3fr;
  gap:32px 40px;
  align-items:start;
  text-align:left;
}
.foot-brand{display:flex; flex-direction:column; align-items:flex-start}
.foot-brand img{height:64px; width:auto; display:block}
footer .foot-brand p{color:var(--slate); font-size:14px; line-height:1.6; margin-top:12px; max-width:320px}
.socials{display:flex; gap:10px; margin-top:16px !important}
.socials a{
  width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); background:#fff; color:var(--navy);
  font-size:14px; font-weight:700; line-height:1;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.socials a:hover{background:var(--navy); color:#fff; border-color:var(--navy)}

footer h5{
  font-family:var(--sat); font-size:14px; font-weight:800; text-transform:uppercase;
  letter-spacing:1px; color:var(--navy); margin:6px 0 14px;
  padding-bottom:8px; border-bottom:2px solid var(--saffron); display:inline-block;
}
footer ul li{margin-bottom:10px}
footer ul li a{font-size:14px; color:var(--slate); opacity:1; transition:color .2s ease}
footer ul li a:hover{color:var(--saffron-deep)}

.foot-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 16px;
  margin-top:32px; padding-top:18px; border-top:1px solid var(--line);
  font-size:13px; color:var(--slate);
}
.foot-bottom a{color:var(--navy); font-weight:600}
.foot-bottom a:hover{color:var(--saffron-deep)}

@media(max-width:1080px){
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  footer{padding:36px 18px 18px}
  .foot-grid{grid-template-columns:1fr; gap:26px}
  .foot-bottom{flex-direction:column; align-items:flex-start}
}