/* WCC V6.55 — controlled HOME footer map V9.
   R9 MOBILE CLOSURE:
   - preserve desktop FMAP8 composition and dimensions
   - add the same approved India/Kerala/Wadakkanchery map to compact/mobile Home footer
   - map remains CSS-only; no footer wording or DOM change
   - mobile order: WCC identity | sporting message | map | links
   - no changes outside the Home page */

@media (min-width: 1181px) {
  .footer-main {
    grid-template-columns:
      minmax(210px, .78fr)
      minmax(350px, 1.25fr)
      minmax(250px, .88fr)
      minmax(155px, .58fr);
    gap: 18px;
    background-image: url('/images/wcc-footer-india-map-v8.webp');
    background-repeat: no-repeat;
    background-size: clamp(248px, 14.1vw, 270px) auto;
    background-position: 69% 50%;
  }

  .footer-brand { grid-column: 1; grid-row: 1; }
  .footer-message { grid-column: 2; grid-row: 1; }
  .footer-links { grid-column: 4; grid-row: 1; }
}

/* Compact/mobile: keep the responsive one-column footer, but restore the
   approved map as its own bounded grid lane rather than omitting it. */
@media (max-width: 1180px) {
  .footer-main {
    background-image: none;
  }

  .footer-brand { grid-column: 1; grid-row: 1; }
  .footer-message { grid-column: 1; grid-row: 2; }
  .footer-links { grid-column: 1; grid-row: 4; }

  .footer-main::after {
    content: "";
    grid-column: 1;
    grid-row: 3;
    display: block;
    justify-self: center;
    width: min(100%, 270px);
    aspect-ratio: 4 / 3;
    margin: -2px auto 0;
    background: url('/images/wcc-footer-india-map-v8.webp') center / contain no-repeat;
  }
}

@media (max-width: 520px) {
  .footer-main::after {
    width: min(100%, 236px);
    margin-top: -6px;
  }
}