/* ================================
   Footer spacing overrides
   Place in header.css (override file)
   ================================ */

/* 1) Neutralize bootstrap offset on large screens */
@media (min-width: 1200px) {
  .main-footer .footer-column.offset-xl-1 {
    margin-left: 0 !important;
  }
}

/* 2) Use a flex layout with controlled gaps (keeps columns aligned) */
.main-footer .widgets-section .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

/* 3) Gentle inner padding for visual breathing room */
.main-footer .footer-column {
  padding: 0 12px;
  box-sizing: border-box;
}

/* 4) Explicit column sizing on large screens so widths are balanced.
   Tweak flex-basis values to change how much space each column uses. */
@media (min-width: 1200px) {
  /* About (left) — slightly wider for paragraph readability */
  .main-footer .widgets-section .row > .footer-column:first-child {
    flex: 0 0 340px;    /* try 320-380px range if you want shorter/longer lines */
  }

  /* Explore (middle) — compact link list */
  .main-footer .widgets-section .row > .footer-column:nth-child(2) {
    flex: 0 0 220px;    /* try 200-260px */
  }

  /* Contact (right) — slightly wider than Explore */
  .main-footer .widgets-section .row > .footer-column:nth-child(3) {
    flex: 0 0 240px;    /* try 220-280px */
  }
}

/* 5) Ensure About text wraps nicely inside its column */
@media (min-width: 1200px) {
  .main-footer .about-widget .text {
    max-width: 100%;
    line-height: 1.6;
  }
}

/* 6) Small-screen safety: let bootstrap stack as usual */
@media (max-width: 1199px) {
  .main-footer .widgets-section .row {
    display: block;
  }
  .main-footer .footer-column {
    width: 100%;
    padding: 12px 0;
  }
}

/* ============================= */
/* TABLET FIX (768px – 1199px) */
/* ============================= */
@media (min-width: 768px) and (max-width: 1199px) {

    .main-footer .widgets-section .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* Each column takes 50% (2 per row) */
    .main-footer .footer-column {
        width: 48%;
        margin-bottom: 30px;
    }

    /* Remove all offsets completely */
    .main-footer .footer-column.offset-xl-1 {
        margin-left: 0 !important;
    }

    /* Control About text width (important) */
    .main-footer .about-widget .text {
        max-width: 260px;
    }
}

/* ============================= */
/* FOOTER BOTTOM HEIGHT REDUCTION*/
/* ============================= */
.main-footer .footer-bottom {
    padding: 12px 0 !important;
    min-height: 0 !important;
}

.main-footer .footer-bottom .inner-container {
    padding: 0 !important;
    margin: 0 !important;
}

.main-footer .footer-bottom .copyright-text {
    padding: 0 !important;
    margin: 0 !important;
}

.main-footer .footer-bottom .copyright-text p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}