/*
 * Blank&Biehl – cautious Avada colour/typography layer, colour and typography layer.
 * Every rule requires body.bbx-global-refresh; enabled by the plugin body-class filter.
 * Load after Avada's generated CSS. No layout, content or menu replacement.
 * The existing decorative body photograph remains loaded and is softly blended.
 */

body.bbx-global-refresh {
  --bbx-shell-paper: #f6f3ea;
  --bbx-shell-white: #fffdf8;
  --bbx-shell-green: #143c31;
  --bbx-shell-deep: #102f27;
  --bbx-shell-ink: #263b33;
  --bbx-shell-muted: #5d6f64;
  --bbx-shell-line: #dce2d8;
  --bbx-shell-focus: #9b692f;
  --bbx-shell-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --bbx-shell-serif: Georgia, 'Times New Roman', serif;
  background-color: var(--bbx-shell-paper);
  background-blend-mode: screen;
  color: var(--bbx-shell-ink);
  font-family: var(--bbx-shell-sans);
}

/* Existing boxed geometry, sidebars, page padding and slider stay untouched. */
body.bbx-global-refresh #wrapper,
body.bbx-global-refresh #main {
  background-color: var(--bbx-shell-white);
}

/* The existing regular and sticky Avada header receive the same palette. */
body.bbx-global-refresh .fusion-header {
  background-color: var(--bbx-shell-white);
  border-bottom-color: var(--bbx-shell-line);
}
body.bbx-global-refresh .fusion-secondary-header {
  background-color: #efeee5;
  border-color: var(--bbx-shell-line);
  color: var(--bbx-shell-green);
}
body.bbx-global-refresh .fusion-secondary-header .fusion-contact-info,
body.bbx-global-refresh .fusion-secondary-header .fusion-contact-info a,
body.bbx-global-refresh .fusion-secondary-menu > ul > li > a {
  color: var(--bbx-shell-green);
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-main-menu > ul > li > a {
  color: var(--bbx-shell-green);
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-main-menu > ul > li > a:hover,
body.bbx-global-refresh .fusion-main-menu > ul > li.current-menu-item > a,
body.bbx-global-refresh .fusion-main-menu > ul > li.current-menu-ancestor > a {
  color: #245b45;
  border-color: #245b45;
}
body.bbx-global-refresh .fusion-main-menu .sub-menu,
body.bbx-global-refresh .fusion-mobile-nav-holder {
  background-color: var(--bbx-shell-white);
  border-color: var(--bbx-shell-line);
}
body.bbx-global-refresh .fusion-main-menu .sub-menu li > a,
body.bbx-global-refresh .fusion-mobile-nav-holder a {
  background-color: var(--bbx-shell-white);
  color: var(--bbx-shell-green);
  border-color: var(--bbx-shell-line);
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-main-menu .sub-menu li > a:hover,
body.bbx-global-refresh .fusion-mobile-nav-holder a:hover {
  background-color: #edf2eb;
  color: var(--bbx-shell-green);
}
body.bbx-global-refresh .fusion-mobile-menu-icons a {
  color: var(--bbx-shell-green);
}

/* Native editorial titles only. Brochure typography, prices, field labels,
 * product controls, icon fonts, slider overlays and inline styles are retained. */
body.bbx-global-refresh #main .entry-title,
body.bbx-global-refresh #main .fusion-title h1,
body.bbx-global-refresh #main .fusion-title h2,
body.bbx-global-refresh #main .fusion-title h3 {
  color: var(--bbx-shell-green);
  font-family: var(--bbx-shell-serif);
}
body.bbx-global-refresh #main .fusion-text {
  font-family: var(--bbx-shell-sans);
}

/* Standard Avada marketing/navigation buttons only. Custom inline buttons and
 * WooCommerce/Gravity Forms submit controls are intentionally not targeted. */
body.bbx-global-refresh a.fusion-button.button-default,
body.bbx-global-refresh .fusion-main-menu .fusion-menu-item-button .fusion-button {
  --button_accent_color: #ffffff;
  --button_accent_hover_color: #ffffff;
  --button_border_color: #143c31;
  --button_border_hover_color: #245b45;
  --button_gradient_top_color: #143c31;
  --button_gradient_bottom_color: #143c31;
  --button_gradient_top_color_hover: #245b45;
  --button_gradient_bottom_color_hover: #245b45;
  color: #ffffff;
  background-color: var(--bbx-shell-green);
  border-color: var(--bbx-shell-green);
  border-radius: 5px;
}
body.bbx-global-refresh a.fusion-button.button-default .fusion-button-text,
body.bbx-global-refresh .fusion-main-menu .fusion-menu-item-button .fusion-button-text-left {
  color: #ffffff;
}

/* Existing footer widgets, menu hierarchy, legal links and credits remain. */
body.bbx-global-refresh .fusion-footer-widget-area {
  background-color: var(--bbx-shell-green);
  border-color: #315247;
  color: #f5f6ee;
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-footer-widget-area .widget-title {
  color: #ffffff;
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-footer-widget-area .textwidget,
body.bbx-global-refresh .fusion-footer-widget-area .widget_nav_menu li {
  color: #e4eadd;
  border-color: #416052;
}
body.bbx-global-refresh .fusion-footer-widget-area a:not(.fusion-button):not(.button) {
  color: #f5f6ee;
}
body.bbx-global-refresh .fusion-footer-widget-area a:not(.fusion-button):not(.button):hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.bbx-global-refresh .fusion-footer-copyright-area {
  background-color: var(--bbx-shell-deep);
  border-color: #315247;
}
body.bbx-global-refresh .fusion-copyright-notice,
body.bbx-global-refresh .fusion-copyright-notice a {
  color: #d8e3d4;
  font-family: var(--bbx-shell-sans);
}
body.bbx-global-refresh .fusion-copyright-notice a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* The snapshot body has fusion-disable-outline. Restore only keyboard focus
 * on navigation/footer links; never suppress any existing focus indicator. */
body.bbx-global-refresh .fusion-header-wrapper a:focus-visible,
body.bbx-global-refresh .fusion-footer a:focus-visible,
body.bbx-global-refresh #main a.fusion-button:focus-visible {
  outline: 3px solid var(--bbx-shell-focus) !important;
  outline-offset: 3px;
}
body.bbx-global-refresh .fusion-footer a:focus-visible {
  outline-color: #e2c795 !important;
}

/* Verified Avada renders the old decorative image on html, behind a transparent
 * body. An opaque body covers that decoration without changing its stored source. */
body.bbx-global-refresh {
  background: #f6f3ea !important;
  min-height: 100vh;
}
body.bbx-global-refresh .fusion-page-title-bar {
  background: #efeee5;
  border-color: #dce2d8;
}
@media (min-width: 1025px) {
  body.bbx-global-refresh .fusion-logo img.fusion-standard-logo {
    max-height: 108px !important;
    width: auto;
  }
  body.bbx-global-refresh .fusion-main-menu > ul > li {
    padding-right: 18px;
  }
  body.bbx-global-refresh .fusion-main-menu > ul > li > a {
    font-size: 14px;
  }
}