/*
 * Glue between the BHA service page styles and the bhafuture2022 theme
 * (Bootstrap 4 + theme header/footer). Loaded only on the plugin's templates.
 */

/* Bootstrap reboot leaks */
.bha-sp a:hover { color: inherit; }
.bha-sp .btn-cta:hover, .bha-sp .btn-cta:focus-visible { color: var(--bha-black); text-decoration: none; }
.bha-sp .btn-wa:hover, .bha-sp .btn-wa:focus-visible { color: #fff; text-decoration: none; }
.bha-sp .explore a:hover, .bha-sp .case-link:hover, .bha-sp .contact-info dd a:hover { text-decoration: underline; }
.bha-sp dt { font-weight: 400; }
.bha-sp .faq dt { font-weight: 600; }
.bha-sp .top-rule { margin: 0; }

/* Theme header. On live, header.php only outputs the sticky header (hidden
   until you scroll 300px); the visible top header comes from each theme page
   template. On these pages, show the sticky header from the start as a fixed
   header and reserve its height. The theme still shrinks it on scroll
   (.sticky-header-add). Heights match the theme: 140px desktop, 70px mobile. */
body.bha-sp-page { padding-top: 140px; }
body.bha-sp-page .main-header.sticky-header { transform: none; }
body.bha-sp-page .main-header.sticky-header .navbar-brand { opacity: 1; pointer-events: auto; }
body.admin-bar.bha-sp-page .main-header.sticky-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar.bha-sp-page .main-header.sticky-header { top: 46px; }
}
@media (max-width: 767px) {
  body.bha-sp-page { padding-top: 70px; }
}

/* Service pages: the theme's hamburger lines are light by default and only
   turned black on its own templates, so do the same here. */
.bha-service-template .hamburger .line { background-color: #000; }
.bha-service-template .nav-menu { z-index: 999; }

/* Contact page: dark page; dark header with a white logo until scrolled */
body.bha-contact-template { background: #000; }
.bha-contact-template .main-header.sticky-header:not(.sticky-header-add) { background-color: #000; }
.bha-contact-template .main-header.sticky-header:not(.sticky-header-add) .navbarNormal { filter: invert(1); }
.bha-contact-template .main-header.bg-header { background-color: #000; }
.bha-contact-template .main-header.bg-header .navbarNormal-inner { display: none; }
.bha-contact-template .main-header.bg-header .navbarNormal-main { display: block; }
.bha-contact-template .nav-menu { z-index: 999; }

/* The theme footer follows the page directly */
.bha-sp + .main-footer, .bha-sp ~ .main-footer { margin-top: 48px; }
@media (max-width: 767px) {
  .bha-sp + .main-footer, .bha-sp ~ .main-footer { margin-top: 40px; }
}