/* Global chrome aligned to https://lalensvip.com/ — section-by-section */

:root {
  --lalens-text: #4b4848;
  --lalens-announcement: #433f3e;
  --lalens-nav: #214261;
  --lalens-page-bg: #f2f2f2;
  --lalens-footer: #214261;
  --color-page-background: 242, 242, 242;
}

html,
body {
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--lalens-text) !important;
  background-color: var(--lalens-page-bg) !important;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: normal;
}

/* Homepage main: let page gray show through (do NOT force white) */
body[data-page-type="index"] #MainContent,
body[data-page-type="index"] .main-content,
body[data-page-type="index"] main,
body.template-index main {
  background: transparent !important;
}

/* ===== Announcement: white / #433f3e / 15.3px ===== */
.announcement-bar,
.announcement-bar-section,
[class*="announcement-bar"] {
  background: #ffffff !important;
  color: var(--lalens-announcement) !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 15.3px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: center;
}

.announcement-bar {
  padding: 10px 0 !important;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== Header: white / nav #214261 12px uppercase ===== */
.header-section,
.header,
.section.header-section {
  background: #ffffff !important;
  font-family: Montserrat, sans-serif !important;
  color: var(--lalens-text) !important;
}

/* Impulse site-header: padding 20px 0 — logo row + nav share outer padding */
.header-section .header__container-top-wrap {
  padding-block-start: 20px !important;
  padding-block-end: 0 !important;
  align-items: center;
}

/* Impulse logo header-item height ~97 */
.header-section .header__logo {
  min-height: 97px !important;
  display: flex !important;
  align-items: center !important;
}

/* Nav matches Impulse: 12px uppercase, pad 7.5px 15px, ~29px tall */
.header-section .header-nav__menu-item {
  --nav-menu-item-padding-block: 7.5px !important;
  margin-inline: 0 !important;
  min-height: 0 !important;
}

.header-section .header-nav__menu-item > a,
.header-section .header-nav__underline {
  padding: 0 15px !important;
  font-size: 12px !important;
  line-height: 14.4px !important;
  text-transform: uppercase !important;
  color: var(--lalens-nav) !important;
}

.header-section .header-nav__menu-item > a > span {
  padding-block: 7.5px !important;
}

/* Keep underline from adding to nav height */
.header-section .header-nav__underline::after {
  position: absolute !important;
  inset-block-end: 0 !important;
  inset-inline-start: 0 !important;
}

/* Bottom padding after wrap-menu nav (Impulse site-header pad-bottom 20) */
.header-section .header__container > .header-nav,
.header-section .header-nav:not(.header__container-top .header-nav) {
  padding-bottom: 20px;
}

/* Footer page-width horizontal match Impulse (40px) */
.footer.color-scheme-3 > .page-width,
.footer-section .page-width,
.footer > .page-width {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.footer.color-scheme-3,
.footer-section .footer {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.header-section.divider,
.header.divider {
  border-bottom: none !important;
  box-shadow: none !important;
}

.header__logo-image,
.header__logo img {
  width: 200px !important;
  max-width: 200px !important;
  height: auto !important;
}

@media (max-width: 959px) {
  .header__logo-image,
  .header__logo img {
    width: 140px !important;
    max-width: 140px !important;
  }
}

.header__logo-text {
  font-family: Montserrat, sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  color: var(--lalens-text) !important;
  letter-spacing: normal !important;
}

.header-section .menu-list__item > a,
.header-section .nav-bar a,
.header-section .header__menu a,
.header-section .header-nav__menu > .header-nav__menu-item > a {
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: var(--lalens-nav) !important;
}

/* Impulse site-nav__dropdown: #f2f2f2, shadow, 12px sentence case */
.header-section .lalens-nav-dropdown.header-nav-dropdown-menu,
.header-section .lalens-nav .header-nav-dropdown-menu {
  background: #f2f2f2 !important;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 20px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 0 5px !important;
  min-width: 222px !important;
  text-align: left !important;
}

.header-section .lalens-nav-dropdown .header-nav-dropdown-menu__hero,
.header-section .lalens-nav .header-nav-dropdown-menu__hero {
  display: block !important;
  padding: 8px 15px !important;
  color: #4b4848 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: left !important;
}

.header-section .lalens-nav-dropdown .header-nav-dropdown-menu__hero span,
.header-section .lalens-nav .header-nav-dropdown-menu__hero span {
  text-transform: none !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #4b4848 !important;
}

/* ===== Footer: #214261 / white text ===== */
.footer-section,
.footer,
.footer.color-scheme-3,
.section.footer {
  background: var(--lalens-footer) !important;
  color: #ffffff !important;
  font-family: Montserrat, sans-serif !important;
}

.footer a,
.footer p,
.footer span,
.footer li,
.footer h2,
.footer h3,
.footer h4,
.footer .footer__title,
.footer-section a,
.footer-section p {
  color: #ffffff !important;
}

.footer .footer__title,
.footer [class*="title"] {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
}

.footer a {
  font-size: 15.3px !important;
  font-weight: 400 !important;
}

/* ===== Search: icon only → slide-down strip ===== */
.header-action-bar__search-bar-container,
.header-action-bar__search-bar {
  display: none !important;
}

.header-action-bar.left > .header-action-bar__search:not(.hidden-desktop) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #214261;
  box-shadow: none;
}

.header-action-bar.left > .header-action-bar__search:not(.hidden-desktop) svg {
  width: 22px;
  height: 22px;
}

.header-action-bar.right .header-action-bar__search,
.header-action-bar.right .header-action-bar__search-bar-container {
  display: none !important;
}

.header-search-bar.open {
  background: transparent;
}

.header-search-bar__form {
  min-height: 167px !important;
  padding: 15px 40px !important;
  background-color: #f2f2f2 !important;
  gap: 12px !important;
}

.header-search-bar__form .field__input,
.header-search-bar__form input[type="search"] {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #4b4848 !important;
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 48px;
}

.header-search-bar__form .field__input::placeholder,
.header-search-bar__form input[type="search"]::placeholder {
  color: #9a9797 !important;
  opacity: 1 !important;
  font-size: 18px !important;
}

.header-search-bar__icon {
  color: #4b4848;
}

.header-search-bar__backdrop {
  background: rgb(0 0 0 / 20%) !important;
}

@media (max-width: 959px) {
  .header-search-bar__form {
    min-height: 72px !important;
    padding: 12px 17px !important;
  }

  .header-search-bar__form .field__input,
  .header-search-bar__form input[type="search"] {
    font-size: 16px !important;
  }
}
