/* ============================================================
   Rare Air – Custom overrides
   Applied after main.css on all pages
   ============================================================ */

/* ----------------------------------------------------------
   1. HEADER NAV LOGO – always a good size, never squashed
      Uses high-specificity selectors to beat main.css rules
   ---------------------------------------------------------- */
header .logo__wrapper-img img,
.header__col .logo__wrapper-img img,
.header__col-left .logo__wrapper-img img {
  height: 44px !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-height: unset !important;
  object-fit: contain !important;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  header .logo__wrapper-img img,
  .header__col .logo__wrapper-img img,
  .header__col-left .logo__wrapper-img img {
    height: 44px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-height: unset !important;
  }
}

/* ----------------------------------------------------------
   2. OVERLAY MENU – Site Terms, Privacy and email address white
   ---------------------------------------------------------- */
.header__widget-content a,
.header__widget-content p,
.header__widget-content {
  color: #ffffff !important;
}
.header__widget-content a:hover {
  opacity: 0.75;
}

/* ----------------------------------------------------------
   3. MOBILE GENERAL – better spacing and readability
   ---------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .ra-service-video-wrap {
    padding-bottom: 56.25%;
  }
  .section.section-image h3 {
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
  }
  .section.pt-medium.pb-medium .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ----------------------------------------------------------
   4. PORTFOLIO PAGE – logos large on all screen sizes,
      subtext always left-aligned
   ---------------------------------------------------------- */

/* Desktop – doubled size */
.slider-fullscreen-projects__content .swiper-slide img,
.slider-fullscreen-projects__content .logo__wrapper-img img,
.slider-fullscreen-projects__content .d-inline-block img {
  height: auto !important;
  width: 60vw !important;
  max-width: 900px !important;
  min-width: 320px !important;
  max-height: none !important;
  min-height: unset !important;
  object-fit: contain !important;
  display: block;
}

/* Layout: left-aligned column */
.slider-fullscreen-projects__content .swiper-slide,
.slider-fullscreen-projects__content .d-inline-block {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
  text-align: left !important;
}

.slider-fullscreen-projects__content .logo__wrapper-img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: none !important;
}

/* Subtext (category label) – always left-aligned */
.slider-fullscreen-projects__content .slider__wrapper-button,
.slider-fullscreen-projects__content .change-text-hover,
.slider-fullscreen-projects__content .change-text-hover__normal {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Tablet */
@media screen and (max-width: 991px) {
  .slider-fullscreen-projects__content .swiper-slide img,
  .slider-fullscreen-projects__content .logo__wrapper-img img,
  .slider-fullscreen-projects__content .d-inline-block img {
    width: 75vw !important;
    max-width: 700px !important;
    min-width: 260px !important;
    max-height: none !important;
    min-height: unset !important;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .slider-fullscreen-projects__content .swiper-slide img,
  .slider-fullscreen-projects__content .logo__wrapper-img img,
  .slider-fullscreen-projects__content .d-inline-block img {
    width: 85vw !important;
    max-width: 600px !important;
    min-width: 260px !important;
    max-height: none !important;
    min-height: unset !important;
  }

  .slider-fullscreen-projects__content .swiper-slide,
  .slider-fullscreen-projects__content .d-inline-block {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .slider-fullscreen-projects__content .logo__wrapper-img {
    justify-content: flex-start;
  }

  .slider-fullscreen-projects__content .slider__wrapper-button,
  .slider-fullscreen-projects__content .change-text-hover,
  .slider-fullscreen-projects__content .change-text-hover__normal {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

/* ----------------------------------------------------------
   5. HOMEPAGE HERO – hide the decorative section__headline line
      and force the hero logo to be large
   ---------------------------------------------------------- */
.section-masthead .section__headline {
  display: none !important;
}

/* All masthead logo wrappers – full width container */
.section-masthead .logo__wrapper-img {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

/* Homepage (text-center) hero logo – slightly reduced, centred */
.section-masthead.text-center .logo__wrapper-img img {
  width: 78% !important;
  max-width: 1100px !important;
  height: auto !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* About Us and Enquiries (text-left) – match Portfolio logo size */
.section-masthead.text-left .logo__wrapper-img img {
  width: 60vw !important;
  max-width: 900px !important;
  height: auto !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain !important;
}

@media screen and (max-width: 991px) {
  .section-masthead.text-center .logo__wrapper-img img {
    width: 85% !important;
    max-width: 800px !important;
  }
  .section-masthead.text-left .logo__wrapper-img img {
    width: 75vw !important;
    max-width: 700px !important;
  }
}

@media screen and (max-width: 767px) {
  .section-masthead.text-center .logo__wrapper-img img {
    width: 90% !important;
    max-width: 600px !important;
  }
  .section-masthead.text-left .logo__wrapper-img img {
    width: 85vw !important;
    max-width: 600px !important;
  }
}

/* ----------------------------------------------------------
   6. PRELOADER LOGO – make it a good visible size
   ---------------------------------------------------------- */
.preloader__heading img {
  max-width: 180px !important;
  width: 45% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}