/* =========================================================
   STICKY HEADER — CLEAN FINAL CONFIG (NO JUMP / NO DRIFT)
   ========================================================= */

/* Landing state */
.header-area {
  padding: 15px 0;
}

.logo img {
  max-height: 60px;
}

/* Sticky state */
.is-sticky .header-area {
  padding: 8px 0 !important;
}

.is-sticky .logo img {
  max-height: 52px !important;
}

/* Lock header height */
header,
.is-sticky header {
  height: auto;
}

.is-sticky .header-area {
  min-height: 64px;
  display: flex;
  align-items: center;
}

/* Remove extra gap after sticky */
.is-sticky + section,
.is-sticky + .slider-area,
.is-sticky + .hero-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobile refinement */
@media (max-width: 768px) {
  .header-area {
    padding: 12px 0;
  }

  .logo img {
    max-height: 56px;
  }

  .is-sticky .header-area {
    padding: 6px 0 !important;
    min-height: 56px;
  }

  .is-sticky .logo img {
    max-height: 48px !important;
  }
}

/* =========================================================
   BUTTON STYLING
   ========================================================= */

.btn.ss-btn {
  background: linear-gradient(90deg, #4c9cd6 0%, #47daf2 100%);
  box-shadow: 3px 4px 15px #4c9cd6;
  padding: 14px 15px 14px 30px;
  width: 176px;
  color: #fff;
  border-radius: 30px;
  position: relative;
  text-align: left;
}

.btn.ss-btn i {
  background: #ffffff47;
  width: 37px;
  height: 37px;
  line-height: 37px;
  position: absolute;
  right: 3px;
  top: 3px;
  border-radius: 50%;
  text-align: center;
}

/* =========================================================
   SCROLL TO TOP BUTTON
   ========================================================= */

#scrollUp {
  background: #4c9cd6;
  height: 45px;
  width: 45px;
  right: 50px;
  bottom: 77px;
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
}

#scrollUp:hover {
  background: #565656;
}

/* =========================================================
   MOBILE MENU STYLING
   ========================================================= */

.mean-container a.meanmenu-reveal {
  border: 1px solid #4c9cd6;
  color: #4c9cd6;
}

.mean-container a.meanmenu-reveal span {
  background: #4c9cd6;
}

.mean-container .mean-nav {
  background: #4c9cd6;
  margin-top: 15px;
}

/* =========================================================
   PAGE ELEMENT ADJUSTMENTS
   ========================================================= */

.breadcrumb-area {
  background-image: url("https://resethealthclinic.co.za/wp-content/uploads/2025/12/IMG_6174-1.jpg") !important;
}

.blog-content {
  box-shadow: 3px 4px 15px #008db9ab;
}

.contact-img {
  margin-left: 0;
}

.overly,
.blog-thumb {
  width: 0;
}

.ea-bootstrap .time-value {
  min-width: 50%;
  max-width: 50%;
}

/* =========================================================
   FOOTER TITLE CLEANUP
   ========================================================= */

.f-widget-title h5::before {
  display: none !important;
  content: none !important;
}

.f-widget-title h5 {
  padding-bottom: 25px;
}

/* =========================================================
   RESPONSIVE FOOTER SYSTEM
   ========================================================= */

@media (max-width: 1200px) {

  .footer-top .row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-top [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }

  .footer-social {
    display: none;
  }

  .footer-widget {
    max-width: 520px;
    margin: 0 auto;
  }

  .f-widget-title h5,
  .footer-widget h5 {
    font-size: 40px;
    margin: 10px 0 0;
    padding-bottom: 0;
    text-align: center;
  }

  .f-contact ul {
    padding: 0;
    margin: 0;
  }

  .f-contact ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
  }

  .f-contact ul li i {
    margin-bottom: 10px;
  }

  .f-contact ul li span {
    margin: 0;
    text-align: center;
  }

  .logo,
  .logo2,
  .logo3 {
    width: 115px;
    margin-top: 20px;
    background: #fff;
  }
}

/* =========================================================
   REMOVE THEME'S FAKE STICKY SPACER (THIS IS THE REAL BUG)
   ========================================================= */

/* Theme adds an empty block after header on sticky */
.is-sticky + .header-area,
.is-sticky + .slider-area,
.is-sticky + .hero-area,
.is-sticky + .container,
.is-sticky + div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Kill any ghost spacing under header */
.is-sticky ~ * {
  scroll-margin-top: 0 !important;
}

/* Lock visible header height */
.is-sticky header {
  height: 64px !important;
}

/* Hard clamp header area */
.is-sticky .header-area {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}