/* ========================
   FOOTER – Mobile-first
   ======================== */
:root{
  --pad-x: clamp(16px, 4vw, 40px);
  --pad-y: clamp(32px, 6vw, 72px);
  --gap-lg: clamp(20px, 4vw, 48px);
  --gap-sm: 14px;
  --font-base: clamp(14px, 1.6vw, 16px);
  --font-h3: clamp(18px, 2.4vw, 28px);
  --wrap-max: 1500px;   /* tweak to 1200/1320/1600 etc. */

}

.footer{
  background:#002b4f;
  color:#fff;
  font-family: Arial, sans-serif;
}

/* container */
.footer .container{
  /* width:min(1200px, 100%); */
  width: min(var(--wrap-max), 100%);
  margin-inline:auto;
  padding:var(--pad-y) var(--pad-x);
}

/* ===== main columns ===== */
.footer-main{
  display:grid;
  gap:var(--gap-lg);
  grid-template-columns: 1fr;     /* mobile: 1 column */
  align-items:start;
}

.footer-column{ min-width:0; }     /* prevent overflow pushing new rows */

/* ≥640px: 2 columns */
@media (min-width:640px){
  .footer-main{ grid-template-columns: repeat(2, 1fr); }
}

/* ≥992px: 4 columns, first 2 = 2fr, last 2 = 1fr */
@media (min-width:992px){
  .footer-main{
    grid-template-columns: 2fr 2fr 1fr 1fr; /* Company | Head Office | Support | Follow */
    grid-auto-flow: row;
  }
  .footer-company{ grid-column:auto; }
}

/* headings / text */
.footer-column h3,
.footer-column h4{
  margin:0 0 var(--gap-sm) 0;
  font-weight:700;
  font-size:var(--font-h3);
  line-height:1.2;
}
.footer-company p{
  margin:6px 0 0 0;
  font-size:var(--font-base);
  color:#e0e0e0;
  line-height:1.6;
}

/* lists */
.footer ul{ list-style:none; padding:0; margin:0; }
.footer ul li{ margin:8px 0; font-size:var(--font-base); }

/* links */
.footer a{ color:#fff; text-decoration:none; }
.footer a:focus-visible{ outline:3px solid #0ea5e9; outline-offset:2px; }

/* avoid overflow */
.footer ul li, .contact-info li, .footer-company p, .footer a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* social icons */
.social-icons{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.social-icons a{
  font-size:18px;
  display:inline-block;
  transition:transform .25s ease;
}
@media (hover:hover){ .social-icons a:hover{ transform:translateY(-2px); } }

/* ===== bottom bar ===== */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.2);
  padding:18px var(--pad-x);
  font-size:var(--font-base);
}
.footer-bottom .container{
  width:min(1200px,100%);
  margin-inline:auto;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  justify-content:space-between;
  align-items:center;
}
.footer-bottom a{ color:#fff; margin:0 6px 0 0; }

@media (max-width:599px){
  .footer-bottom .container{ justify-content:center; text-align:center; }
}