/* Native transparent/sticky header, with Drolette's colorful wordmark. */
.header-section.dr-header { --header-background: 255,248,232; --header-color-text: 29,44,38; }
.dr-header .header__logo-image { filter: none; }
.header-section.dr-header.transparent:not(:hover) { color: #fff3d5; }
.header-section.dr-header.transparent:not(:hover) .header__container,
.header-section.dr-header.transparent:not(:hover) .header__container-bottom {
  background: transparent;
  border-color: rgba(255,243,213,.2);
}
.header-section.dr-header.transparent:not(:hover) :is(.header-nav__menu-item > a,.dr-style-trigger,.header-action-bar,.locale-picker__trigger) { color: #fff3d5; }
.header-section.dr-header.transparent:not(:hover) .header__logo-image { filter: drop-shadow(0 1px 3px rgba(0,0,0,.28)); }
.dr-header .header__container-bottom { background: #fff8e8; border-top-color: rgba(29,44,38,.1); }
.dr-header .header-action-bar.left .header-action-bar__search-bar {
  color: #1d2c26;
  background: #fffaf0;
  border-color: rgba(29,44,38,.18);
}
.header-section.dr-header.transparent:not(:hover) .header-action-bar.left .header-action-bar__search-bar,
.header-section.dr-header.transparent:not(:hover) .header-action-bar.left .header-action-bar__search-bar-icon { color: #1d2c26; }
.header-section.dr-header.transparent:not(:hover) .header-action-bar.left .header-action-bar__search-bar { background: rgba(255,250,240,.95); border-color: transparent; }
.theme-sticky-header--sticky .header-section.dr-header.transparent,
.header-section.dr-header:has(.header-search-bar.open),
.header-section.dr-header:has(.header-nav-drawer__content[aria-hidden="false"]) { color: #1d2c26; }
.theme-sticky-header--sticky .header-section.dr-header.transparent .header__container,
.theme-sticky-header--sticky .header-section.dr-header.transparent .header__container-bottom {
  background: #fff8e8;
  border-color: rgba(29,44,38,.1);
}
.theme-sticky-header--sticky .header-section.dr-header.transparent :is(.header-nav__menu-item > a,.dr-style-trigger,.header-action-bar,.locale-picker__trigger) { color: #1d2c26; }
.dr-header .header-nav-dropdown-menu__menu,
.dr-header .header-nav-dropdown-panel,
.dr-header .header-search-bar,
.dr-header .header-action-bar__results { color: #1d2c26; background: #fffaf0; }
.header-nav-drawer .header-nav-drawer__content { color: #1d2c26; background: #fff8e8; }
.header-nav-drawer .header-nav-drawer__header { color: #fff3d5; background: #245a57; }
.header-nav-drawer .header-nav-drawer__submenu { background: #f5eee2; }
.drolette-footer .dr-footer__logo img { filter: none; }
@media (min-width: 960px) {
  .header-section.dr-header .header__container[layout] .header__container-top-wrap {
    grid-template-columns: 220px minmax(240px,1fr) auto;
    min-height: 100px;
    padding-block: 16px !important;
  }
  .header-section.dr-header .header__logo-image { width: 220px; height: auto; }
  .dr-header .header-nav__menu-item > a > span { padding-block: 14px; }
}
@media (min-width: 960px) and (max-width: 1100px) {
  .header-section.dr-header .header__container[layout] .header__container-top-wrap { grid-template-columns: 184px minmax(220px,1fr) auto; gap: 20px; }
  .header-section.dr-header .header__logo-image { width: 184px; }
}
@media (max-width: 959px) {
  .header-section.dr-header .header__container[mobile-layout] .header__container-top-wrap {
    grid-template: "action-bar-left logo action-bar-right" / 64px minmax(0,1fr) 64px;
    gap: 4px;
    min-height: 76px;
    padding: 14px 16px !important;
  }
  .header-section.dr-header .header__logo { min-width: 0; justify-content: center; }
  .header-section.dr-header .header__logo-wrapper { max-width: 100%; }
  .header-section.dr-header .header__logo-image { width: 146px; max-width: 100%; height: auto; }
  .dr-header .header-action-bar.left .header-action-bar__search { display: none !important; }
  .header-section.dr-header .header-action-bar.right > .header-action-bar__search { display: inline-flex !important; order: 0; }
  .dr-header .header-action-bar.right > .button--icon { order: 1; width: 28px; }
  .dr-header .header-action-bar.right > theme-locale-picker { display: none !important; }
  .dr-header .header-action-bar.right { gap: 8px; }
  .dr-header .header-action-bar .button--icon { min-height: 32px; }
  .header-section.dr-header .header__container-bottom { display: none; }
}