.elementor-13 .elementor-element.elementor-element-65e5b0d{--display:flex;}.elementor-13 .elementor-element.elementor-element-8ae276a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-a348c5e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-8ae276a{--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-a348c5e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-8ae276a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-a348c5e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-8338b23 *//* ===========================
   MENU NUCLEAR FIX (global)
   =========================== */

/* altijd boven alles */
.bp-topbar,
#bp-backdrop,
#primary-nav{
  position: fixed !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
}

/* topbar */
.bp-topbar{
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 76px !important;
  background: rgba(246,248,252,.92) !important;
  backdrop-filter: saturate(140%) blur(10px) !important;
  border-bottom: 1px solid rgba(227,234,244,1) !important;
  box-shadow: 0 6px 24px rgba(17,24,39,.08) !important;
  z-index: 2147483646 !important;
}
@media (max-width:680px){
  .bp-topbar{ height: 70px !important; }
}

/* backdrop */
#bp-backdrop{
  display: none !important;
  inset: 0 !important;
  background: rgba(17,24,39,.45) !important;
  z-index: 2147483646 !important;
}

/* drawer */
#primary-nav{
  top: 0 !important; right: 0 !important; bottom: 0 !important;
  left: auto !important;
  width: min(88vw, 380px) !important;
  background: #fff !important;
  border-left: 1px solid rgba(227,234,244,1) !important;
  box-shadow: -18px 0 40px rgba(17,24,39,.18) !important;
  transform: translateX(100%) !important;
  transition: transform .25s ease !important;
  z-index: 2147483647 !important;
}

/* open state (via class op html) */
html.bp-nav-open #bp-backdrop{ display:block !important; }
html.bp-nav-open #primary-nav{ transform: translateX(0) !important; }
html.bp-nav-open{ overflow:hidden !important; }

/* Elementor video/overlay mag nooit boven menu klikken */
.elementor-background-video-container,
.elementor-background-video-embed,
.elementor-background-overlay,
video, iframe{
  z-index: 0 !important;
}

/* extra: voorkom dat Elementor sections bovenop gaan "klikken" */
html.bp-nav-open .elementor,
html.bp-nav-open .elementor *{
  pointer-events: none !important;
}
html.bp-nav-open #bp-backdrop,
html.bp-nav-open #primary-nav,
html.bp-nav-open .bp-topbar,
html.bp-nav-open .bp-topbar *{
  pointer-events: auto !important;
}
/* Card altijd volledige hoogte */
.brand-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Body vult ruimte tussen afbeelding en knop */
.brand-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}

/* Tekst mag groeien */
.brand-body p{
  flex-grow:1;
}

/* Knop altijd onderaan */
.brand-body .btn{
  margin-top:auto;
}/* End custom CSS */



/* Start custom CSS for shortcode, class: .elementor-element-7a4a5e1 *//* =========================
   BP MyAccount (alleen binnen shortcode)
   ========================= */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
  min-width: 0;
}

/* Woo default 2-koloms float layout slopen (binnen jouw wrapper) */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce{
  display:block !important;
}

.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-navigation,
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content{
  float:none !important;
  width:100% !important;
  margin:0 !important;
}

/* Navigatie netjes maken (geen bullets / geen rare indents) */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-navigation{
  margin-bottom:14px !important;
}

.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-navigation ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:10px;
}

.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-navigation li{
  margin:0 !important;
  padding:0 !important;
}

.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background:var(--surface-2);
  color:var(--accent);
  font-weight:1000;
  min-height:56px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Content blok netjes (geen overlap meer) */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 10px 22px rgba(17,24,39,.06);
  padding:16px;
  min-width:0;
}
/* Verberg WooCommerce dashboard intro ("Hello Nouaman...") */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content > p:first-of-type,
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content > ul:first-of-type {
  display: none !important;
}

/* Extra zekerheid: ook lege ruimte weghalen */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content {
  padding-top: 14px;
}
/* Verwijder resterende Woo dashboard uitlegtekst */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content > p {
  display: none !important;
}
/* Verberg de content-card alleen op dashboard endpoint */
.elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content{
  display:block;
}
body.woocommerce-account.woocommerce-dashboard .elementor-13 .elementor-element.elementor-element-7a4a5e1 .bp-myaccount .woocommerce-MyAccount-content{
  display:none !important;
}/* End custom CSS */





/* Start custom CSS */.bp-myaccount { outline: 3px solid red; }/* End custom CSS */