/* ==========================================================================
   IHNA Online – site footer layout (all pages)
   Loaded from header.php right after style.css.

   Re-arranges the existing footer blocks from footer.php into a balanced grid
   aligned to the Bootstrap .container widths (same as the Acknowledgement
   section above it). Only layout and spacing change: colours, fonts, text,
   links, the Enquire-now modal button and social icons are untouched, and
   footer.php markup is not modified.

   Desktop : logo + social | phone & email | quick links | courses
   Tablet  : 2 columns, courses full width
   Phone   : 1 column
   ========================================================================== */

#footer { padding: 64px 0 0; }

/* container: replaces the full-width .limiter.pad100 inside the footer only */
#footer > .limiter.container-fluid {
  width: 100%;
  max-width: 1320px !important;
  margin-left: auto; margin-right: auto;
  padding-left: 12px !important; padding-right: 12px !important;
}
@media (max-width: 1399.98px) { #footer > .limiter.container-fluid { max-width: 1140px !important; } }

#footer > .limiter > .row {
  display: grid; margin: 0; --bs-gutter-x: 0; --bs-gutter-y: 0;
  grid-template-columns: minmax(230px, 1fr) minmax(0, 1.25fr) minmax(0, .75fr) minmax(0, 1.5fr);
  grid-template-areas:
    "logo   contact links courses"
    "social contact links courses"
    "copy   copy    copy  copy";
  column-gap: 40px; row-gap: 20px; align-items: start;
}
/* pages without the courses column (CLP landing pages) */
#footer > .limiter > .row:not(:has(> .col-lg-9)) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
  grid-template-areas:
    "logo   contact links"
    "social contact links"
    "copy   copy    copy";
}

/* the left column's children (logo, contact, links, social) become grid items */
#footer > .limiter > .row > .col-lg-3 { display: contents; }
#footer > .limiter > .row > * { width: auto; max-width: none; flex: none; padding: 0; margin: 0; }

#footer .skilldemy-logo-footer { grid-area: logo; padding: 16px 20px; }
#footer .skilldemy-logo-footer .flogo { width: 180px; max-width: 100%; height: auto; }
#footer #rto { grid-area: contact; margin: 0 !important; }
#footer #footerq { grid-area: links; margin: 0 !important; }
#footer .cotitle { grid-area: social; margin: 0 !important; display: block; }
#footer .cotitle .ihna-footer-social-container { gap: 2px; padding: 0; margin-left: -10px; flex-wrap: nowrap; }
#footer > .limiter > .row > .col-lg-9 { grid-area: courses; }
#footer > .limiter > .row > .col-lg-12 { grid-area: copy; }

/* consistent spacing inside the blocks */
#footer #rto p { margin: 0 0 8px; padding: 0 !important; line-height: 1.45; }
#footer #rto p.text-white { margin: 18px 0 8px; }
#footer #rto p.text-white:first-child { margin-top: 0; }
#footer #footerq a { margin-top: 0; margin-bottom: 8px; line-height: 1.45; }
#footer #footerq .footer-enq-btn { margin-top: 10px; }
#footer .col-lg-9 > .row { margin: 0; --bs-gutter-x: 0; }
#footer #footerc { width: 100%; max-width: none; flex: 0 0 100%; padding: 0; margin: 0 !important; }
#footer #footerc a { margin-top: 0; margin-bottom: 8px; line-height: 1.45; }
#footer #footerc a.body2,
#footer #footerq a.body2 { margin-bottom: 14px; }
#footer .copyright-text {
  padding: 24px 0 28px !important; margin-top: 36px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

/* tablet: two columns */
@media (max-width: 991.98px) {
  #footer > .limiter.container-fluid { max-width: 720px !important; }
  #footer > .limiter > .row,
  #footer > .limiter > .row:not(:has(> .col-lg-9)) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "logo    contact"
      "social  links"
      "courses courses"
      "copy    copy";
    column-gap: 32px; row-gap: 28px;
  }
}

/* phone: single column */
@media (max-width: 575.98px) {
  #footer { padding-top: 44px; }
  #footer > .limiter.container-fluid { max-width: none !important; padding-left: 16px !important; padding-right: 16px !important; }
  #footer > .limiter > .row,
  #footer > .limiter > .row:not(:has(> .col-lg-9)) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "logo" "contact" "links" "courses" "social" "copy";
    row-gap: 26px;
  }
  #footer .copyright-text { margin-top: 8px; }
}