/**
 * Loaded AFTER Avada fusion-dynamic CSS.
 */

html,
body.fusion-body,
body {
  overflow-x: clip;
}

/* Fusion hides .fusion-animated until animation JS — keep visible */
.fusion-animated {
  visibility: visible !important;
}

/*
 * Live TB header (scraped Fusion markup). Kill ef-v fixed-header leftovers so
 * white bar + orange nav match https://evofenedexassuradeuren.nl/ 1:1.
 */
/* Kill leftover fixed-header styles from globals.css */
.site-header.efa-site-header,
.efa-site-header,
.site-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 100 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  transform: none !important;
  filter: none !important;
  overflow: visible !important;
}

#wrapper {
  padding-top: 0 !important;
  position: relative;
  /* Do NOT raise z-index here — that would cover the orange band */
  z-index: auto;
}

.efa-live-header-wrap {
  display: contents;
}

.efa-live-header {
  position: relative;
  z-index: 100;
  overflow: visible;
}

.efa-live-header .fusion-builder-row-1 {
  background-color: #ffffff;
  position: relative;
  z-index: 100;
}

.efa-live-header .fusion-builder-row-2 {
  background-color: #ee7026;
  position: relative;
  z-index: 100;
  overflow: visible;
}

.efa-live-header .awb-menu {
  position: relative;
  width: 100%;
}

/* Logo sizing — never force display on ALL imgs (that doubles standard+mobile) */
.efa-live-header .fusion-builder-row-1 img.fusion-standard-logo {
  display: block;
  max-height: 67px;
  width: auto;
  height: auto;
}

.efa-live-header .fusion-builder-row-1 img.fusion-mobile-logo {
  display: none !important;
}

/* Contact buttons in white bar — muted grey like live */
.efa-live-header .fusion-builder-row-1 .fusion-button {
  color: var(--button_accent_color, #7c96a4) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.efa-live-header .fusion-builder-row-1 .fusion-button:hover {
  color: var(--button_accent_hover_color, #ee7026) !important;
}

/* Orange-nav CTA outline */
.efa-live-header .fusion-builder-row-2 .button-4 {
  color: #ffffff !important;
  background: transparent !important;
  border-style: solid !important;
  border-color: #ffffff !important;
  border-width: 2px !important;
  border-radius: 25px !important;
}

.efa-live-header .fusion-builder-row-2 .button-4:hover {
  background: #d74820 !important;
  border-color: #d74820 !important;
  color: #ffffff !important;
}

/* Menu text on orange */
.efa-live-header .awb-menu {
  --awb-color: #ffffff;
  --awb-active-color: #ffffff;
  --awb-active-bg: #d74820;
}

.efa-live-header .awb-menu__main-a {
  color: #ffffff !important;
}

.efa-live-header .awb-menu__main-li:hover > .awb-menu__main-a,
.efa-live-header .awb-menu__main-li.current-menu-item > .awb-menu__main-a,
.efa-live-header .awb-menu__main-li.current_page_item > .awb-menu__main-a {
  background-color: var(--awb-active-bg, #d74820);
  color: #ffffff !important;
  border-radius: 25px;
}

/* Desktop submenu without Avada JS */
.efa-live-header .awb-menu_desktop .awb-menu__main-li:hover > .awb-menu__sub-ul,
.efa-live-header .awb-menu_desktop .awb-menu__main-li:focus-within > .awb-menu__sub-ul {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999998 !important;
  transform: none !important;
}

/*
 * Mobile burger (Avada needs .collapse-enabled — added in Header.tsx below
 * data-breakpoint, default 1265). Closed panel stays collapsed; open = .expanded.
 */
.efa-live-header .awb-menu.collapse-enabled {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__m-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin-left: auto;
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__m-collapse-icon-open,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__m-collapse-icon-close {
  color: #ffffff;
  font-size: 1.35rem;
  line-height: 1;
}

.efa-live-header .awb-menu.collapse-enabled:not(.expanded) .awb-menu__m-collapse-icon-close {
  display: none;
}

.efa-live-header .awb-menu.collapse-enabled.expanded .awb-menu__m-collapse-icon-open {
  display: none;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100%;
  margin: 0 !important;
  padding: 0.75rem 1rem 1rem !important;
  background: #ee7026 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  z-index: 1000;
  overflow: visible !important;
  max-height: none !important;
}

.efa-live-header .awb-menu.collapse-enabled:not(.expanded):not(.awb-menu_mobile-open)
  .awb-menu__main-ul {
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

.efa-live-header .awb-menu.collapse-enabled.expanded .awb-menu__main-ul,
.efa-live-header .awb-menu.collapse-enabled.awb-menu_mobile-open .awb-menu__main-ul {
  display: flex !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-li {
  position: relative;
  width: 100%;
  margin: 0 !important;
  float: none !important;
  background: transparent !important;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-a,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-li:hover > .awb-menu__main-a,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-li.expanded > .awb-menu__main-a,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-li.current-menu-item > .awb-menu__main-a {
  width: 100%;
  justify-content: flex-start;
  padding: 0.85rem 1rem !important;
  border-radius: 8px;
  color: #ffffff !important;
  background: transparent !important;
}

/* Mobile: geen caret/hover — submenu altijd open */
.efa-live-header .awb-menu.collapse-enabled .awb-menu__open-nav-submenu-hover,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__open-nav-submenu_mobile {
  display: none !important;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__sub-ul,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__main-li > .awb-menu__sub-ul,
.efa-live-header .awb-menu.collapse-enabled .menu-item-has-children > .awb-menu__sub-ul {
  display: block !important;
  position: static !important;
  transform: none !important;
  box-shadow: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0.35rem 0.5rem !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  max-height: none !important;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__sub-li {
  display: block !important;
  width: 100%;
  background: transparent !important;
}

.efa-live-header .awb-menu.collapse-enabled .awb-menu__sub-a,
.efa-live-header .awb-menu.collapse-enabled .awb-menu__sub-li:hover > .awb-menu__sub-a {
  display: flex !important;
  padding: 0.65rem 1rem !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Parent page row only in burger (desktop hover submenu keeps WP items) */
.efa-live-header .awb-menu_desktop .efa-mobile-parent-link {
  display: none !important;
}

/*
 * Orange slant band (live row-3): full-bleed under nav, behind intro cards.
 * Explicit padding/margin so the plane is always visible (don’t rely on vars alone).
 */
.efa-home-orange-band-wrap,
.wp-content.efa-home-orange-band-wrap {
  display: contents !important;
}

.efa-home-orange-band.fusion-fullwidth,
#wrapper > .efa-home-orange-band-wrap .efa-home-orange-band,
.fusion-fullwidth.efa-home-orange-band {
  position: relative !important;
  z-index: 0 !important;
  pointer-events: none;
  display: block !important;
  visibility: visible !important;
  margin-top: -1px !important;
  /* Orange plane + room for full-bleed white slant at bottom */
  padding-top: 325px !important;
  padding-bottom: 99px !important;
  margin-bottom: -410px !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #ee7026 !important;
  background-image: none !important;
  overflow: hidden !important; /* clip to band; slant is drawn on the band itself */
}

/*
 * Full-bleed white slant on the band (not the nested Fusion SVG — that sits
 * inside a max-width row and never reaches the viewport edges).
 * Matches live path: M100 0 L0 100 L100 100 (rise left → right).
 */
.efa-home-orange-band.fusion-fullwidth::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 99px;
  background: #ffffff;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  z-index: 1;
  pointer-events: none;
}

/* Hide nested Avada separator — replaced by ::after above */
.efa-home-orange-band .fusion-builder-row,
.efa-home-orange-band .fusion-section-separator {
  display: none !important;
}

/* Main/content above the orange band — background must stay transparent */
#main.efa-home-main,
.efa-home-main,
#main.efa-page-main,
.efa-page-main {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

#main.efa-page-main .wp-content,
#main.efa-home-main .wp-content {
  background: transparent !important;
}

/* Hero card: keep column radii + bg image visible */
.efa-home-main .fusion-builder-row-4 .fusion-layout-column {
  overflow: hidden;
}

.efa-home-main .fusion-builder-row-4 .fusion-column-wrapper.fusion-column-has-bg-image {
  min-height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Inner-page intro — above orange band.
 * Gray card styles ONLY on top-level row-4 columns without a photo.
 * Nested columns inside photo heroes must stay transparent. */
.efa-page-main .fusion-builder-row-4 {
  position: relative;
  z-index: 3;
}

.efa-page-main .fusion-builder-row-4 > .fusion-builder-row > .fusion-layout-column {
  position: relative;
  z-index: 3;
}

.efa-page-main
  .fusion-builder-row-4
  > .fusion-builder-row
  > .fusion-layout-column
  > .fusion-column-wrapper:not(.fusion-column-has-bg-image) {
  position: relative;
  z-index: 3;
  overflow: visible !important;
  border-radius: 8px;
  background-color: #f7f8f8;
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.08),
    0 18px 48px rgba(0, 0, 0, 0.12);
}

/* Over-ons photo hero + readable dark overlay (live gradient was lost in scrape) */
.efa-page-main
  .fusion-builder-row-4
  > .fusion-builder-row
  > .fusion-layout-column
  > .fusion-column-wrapper.fusion-column-has-bg-image {
  position: relative;
  z-index: 3;
  overflow: hidden !important;
  border-radius: 8px;
  min-height: 280px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.08),
    0 18px 48px rgba(0, 0, 0, 0.12);
}

.efa-page-main
  .fusion-builder-row-4
  > .fusion-builder-row
  > .fusion-layout-column
  > .fusion-column-wrapper.fusion-column-has-bg-image::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  /* Doorzichtige zwarte overlay — tekst op foto-hero blijft leesbaar */
  background: rgba(0, 0, 0, 0.42);
}

/* Nested half-columns over the photo: never paint a white slab */
.efa-page-main
  .fusion-column-has-bg-image
  .fusion-builder-row-inner,
.efa-page-main
  .fusion-column-has-bg-image
  .fusion-builder-row-inner
  .fusion-column-wrapper,
.efa-page-main
  .fusion-column-has-bg-image
  .fusion-layout-column
  > .fusion-column-wrapper {
  position: relative;
  z-index: 2;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/*
 * Hero CTA sits in a bare <div> after the nested row — without z-index it
 * paints under the dark ::before overlay. Lift all direct content + the btn.
 */
.efa-page-main .fusion-column-has-bg-image > *:not(style) {
  position: relative;
  z-index: 2;
}

.efa-page-main .fusion-column-has-bg-image .custom-hero-btn,
.efa-page-main .fusion-column-has-bg-image .fusion-button {
  position: relative;
  z-index: 3;
}

/* White title on dark photo overlay */
.efa-page-main .fusion-column-has-bg-image .fusion-title,
.efa-page-main .fusion-column-has-bg-image .fusion-title-heading,
.efa-page-main .fusion-column-has-bg-image h1 {
  color: #ffffff !important;
}

/* Meer over ons — live page submenu (4 links, green pill on active) */
.efa-over-ons-menu {
  --efa-over-ons-green: #005d32;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0.5rem 0 0;
}

.efa-over-ons-menu .awb-menu__main-ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 9px;
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: visible !important;
  opacity: 1 !important;
}

.efa-over-ons-menu .awb-menu__main-a {
  display: inline-flex;
  align-items: center;
  color: var(--efa-over-ons-green) !important;
  border: 1px solid transparent;
  border-radius: 25px;
  padding: 9px 23px;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.15s ease;
}

.efa-over-ons-menu .awb-menu__main-li:hover > .awb-menu__main-a,
.efa-over-ons-menu .awb-menu__main-li.current-menu-item > .awb-menu__main-a,
.efa-over-ons-menu .awb-menu__main-li.current_page_item > .awb-menu__main-a {
  color: var(--efa-over-ons-green) !important;
  border-color: var(--efa-over-ons-green);
  background: transparent;
}

/* Download / document links in over-ons body copy */
.efa-page-main a.download {
  color: #ee7026;
  font-weight: 600;
  text-decoration: underline;
}

.efa-page-main a.download:hover {
  color: #d74820;
}

/* Lazy Fusion column backgrounds (data-bg / data-bg-url → inline style).
 * Keep wrapper overflow visible so card box-shadows are not clipped. */
.fusion-column-inner-bg-wrapper {
  position: relative;
  overflow: visible;
}

.fusion-column-inner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--awb-border-radius, 0);
}

/* Homepage product cards (Schade / Zorg) — stronger shadow so bottoms don’t
 * melt into the orange/white band behind them */
.efa-home-main .fusion-builder-column-8,
.efa-home-main .fusion-builder-column-9 {
  --awb-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.16);
}

.efa-home-main .fusion-builder-column-8 > .fusion-column-wrapper,
.efa-home-main .fusion-builder-column-9 > .fusion-column-wrapper {
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.16);
}

.fusion-column-inner-bg-image {
  display: block !important;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fusion-column-has-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fusion-column-inner-bg-wrapper > .fusion-column-wrapper {
  position: relative;
  z-index: 1;
}

/*
 * Dimensional placeholders must keep layout height (hero left column),
 * but stay invisible — display:none collapses the bg-image column.
 */
img.fusion-empty-dims-img-placeholder {
  display: block !important;
  width: 100%;
  height: auto;
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}

/* Footer marketing bands (Handige documenten + Contact) from live TB footer */
.efa-footer-bands {
  background: transparent;
  overflow: visible;
}

.efa-footer-bands .fusion-fullwidth {
  position: relative;
}

/* Drop the inset gray plane under Handige documenten — cards float instead */
.efa-footer-bands .fusion-builder-row-6 {
  --awb-background-color: transparent;
  background-color: transparent !important;
  background-image: none !important;
}

/* Contact band: full-bleed so teal runs edge-to-edge */
.efa-footer-bands .fusion-builder-row-7.fusion-fullwidth {
  --awb-background-color: #7c96a4;
  width: 100vw;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box;
}

/* Verzekeringskaarten / Polisvoorwaarden: no circle SVG figuur, stronger lift */
.efa-footer-bands .fusion-builder-column-12,
.efa-footer-bands .fusion-builder-column-13 {
  --awb-box-shadow: 0 10px 36px rgba(0, 0, 0, 0.16);
  --awb-inner-bg-image: none;
}

.efa-footer-bands .fusion-builder-column-12 > .fusion-column-wrapper,
.efa-footer-bands .fusion-builder-column-13 > .fusion-column-wrapper {
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.16);
}

.efa-footer-bands .fusion-builder-column-12 .fusion-column-inner-bg-image,
.efa-footer-bands .fusion-builder-column-13 .fusion-column-inner-bg-image,
.efa-footer-bands .fusion-builder-column-12 .fusion-column-wrapper,
.efa-footer-bands .fusion-builder-column-13 .fusion-column-wrapper,
.efa-footer-bands .fusion-builder-column-12 .fusion-column-has-bg-image,
.efa-footer-bands .fusion-builder-column-13 .fusion-column-has-bg-image {
  background-image: none !important;
}

/* Footer */
.site-footer {
  background: transparent;
  color: #535054;
  clear: both;
}

.footer-copyright-bar {
  padding: 1.1rem 0;
  background: #7c96a4;
  color: #ffffff;
}

.footer-copyright-inner {
  text-align: center;
}

.footer-copyright {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #ffffff;
}

.footer-copyright-bar a,
.site-footer .footer-copyright-bar a {
  color: #ffffff;
  text-decoration: none;
}

.footer-copyright-bar a:hover,
.site-footer .footer-copyright-bar a:hover {
  color: #ffdc4b;
  text-decoration: underline;
}

#wrapper {
  min-height: 100vh;
  overflow: visible !important;
}

#main,
.fusion-page-content,
.wp-content.fusion-layout {
  position: relative;
  z-index: 0;
  background: transparent;
}

/* Verzekeringskaart / intro content above the orange plane */
#main.efa-home-main,
#main.efa-page-main {
  z-index: 2 !important;
  background: transparent !important;
}