.wde-hours{
  background:var(--wde-bg);color:var(--wde-text);border-radius:var(--wde-radius);
  padding:var(--wde-pad);font-size:var(--wde-size);line-height:1.5
}
.wde-hours h2{
  color:var(--wde-title-color);font-size:var(--wde-title);font-weight:var(--wde-title-weight);
  text-align:var(--wde-title-align);margin:0 0 18px
}
.wde-hours-row{
  display:flex;justify-content:space-between;gap:20px;padding:8px 0;
  border-bottom:1px solid var(--wde-divider)
}
.wde-day-label{color:var(--wde-day-color);font-size:var(--wde-day-size);font-weight:var(--wde-day-weight);text-align:var(--wde-day-align);flex:1}
.wde-hours-value{
  color:var(--wde-hours-color);font-size:var(--wde-hours-size);font-weight:var(--wde-hours-weight);
  text-align:var(--wde-hours-align);margin-left:auto
}
.wde-hours-row small{display:block;font-weight:400}
.wde-notice,.wde-holiday,.wde-kitchen{margin:14px 0}
.wde-kitchen{margin-top:18px}
.wde-kitchen h3{
  color:var(--wde-kitchen-title-color);font-size:var(--wde-kitchen-title-size);
  font-weight:var(--wde-kitchen-title-weight);text-align:var(--wde-kitchen-title-align);margin-bottom:6px
}
.wde-kitchen-list{margin-top:6px}.wde-kitchen-list .wde-hours-row{padding:5px 0}
.wde-hours-row strong .wde-shift{display:inline}
.wde-hours-row strong .wde-shift+.wde-shift:before{content:" | ";font-weight:400}

.wde-news{
  overflow:hidden;background:var(--wde-news-bg);color:var(--wde-news-text);
  font-size:var(--wde-news-size);font-weight:var(--wde-news-weight);white-space:nowrap
}
.wde-news-track{
  display:flex;width:max-content;animation:wde-marquee var(--wde-news-speed) linear infinite;
  will-change:transform;transform:translate3d(0,0,0)
}
.wde-news-item{flex:0 0 auto;padding:var(--wde-news-py) 0;padding-right:var(--wde-news-gap)}
.wde-news-messages{display:inline-flex;align-items:center;gap:var(--wde-news-message-gap)}
.wde-news-label{margin-right:var(--wde-news-message-gap)}
.wde-news-link{margin-left:var(--wde-news-message-gap)}
.wde-news strong{color:var(--wde-news-accent)}
.wde-news .wde-news-link a,
.wde-news .wde-news-link a:visited{
  color:var(--wde-news-link-color) !important;
  font-weight:var(--wde-news-link-weight) !important;
  text-decoration:var(--wde-news-link-decoration) !important;
  opacity:1 !important;
}
.wde-news .wde-news-link a:hover,
.wde-news .wde-news-link a:focus{
  color:var(--wde-news-link-hover-color) !important;
  text-decoration:var(--wde-news-link-hover-decoration) !important;
  opacity:1 !important;
}
@keyframes wde-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.wde-news-admin-note{padding:12px 16px;border:1px dashed #999;background:#fff;color:#333;font-size:14px;white-space:normal}

@media(max-width:767px){
  .wde-hours-row{align-items:flex-start}
  .wde-hours{padding:calc(var(--wde-pad)*.75)}
}

/* Standalone openingsuren / keukenuren */
.wde-hours-kitchen .wde-standalone-kitchen-title{
  color:var(--wde-kitchen-title-color);font-size:var(--wde-kitchen-title-size);
  font-weight:var(--wde-kitchen-title-weight);text-align:var(--wde-kitchen-title-align);margin:0 0 18px
}
.wde-hours-kitchen .wde-hours-list{margin-top:0}
.wde-hours-kitchen .wde-kitchen-text{margin-top:14px}
.wde-kitchen-embedded>.wde-hours{padding:0;background:transparent;border-radius:0}

/* 1.4.0 — split hours blocks: scoped, stable layout */
.wde-hours.wde-hours-opening > h2{
  color:var(--wde-title-color) !important;
  font-family:inherit;
  font-size:var(--wde-title);
  font-weight:var(--wde-title-weight);
  line-height:1.15;
  text-align:var(--wde-title-align);
  margin:0 0 18px;
}
.wde-hours.wde-hours-kitchen > h2.wde-standalone-kitchen-title{
  color:var(--wde-kitchen-title-color) !important;
  font-family:inherit;
  font-size:var(--wde-kitchen-title-size);
  font-weight:var(--wde-kitchen-title-weight);
  line-height:1.15;
  text-align:var(--wde-kitchen-title-align);
  margin:0 0 18px;
}
.wde-hours.wde-hours-opening .wde-hours-row,
.wde-hours.wde-hours-kitchen .wde-hours-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  column-gap:20px;
}
.wde-hours.wde-hours-opening .wde-hours-value,
.wde-hours.wde-hours-kitchen .wde-hours-value{
  display:block;
  visibility:visible;
  opacity:1;
  min-width:max-content;
  justify-self:end;
}


/* 1.4.1 — bescherm titelkleuren tegen theme/Elementor text-fill en gradients */
.wde-hours.wde-hours-opening > h2,
.wde-hours:not(.wde-hours-kitchen) > h2{
  color:var(--wde-title-color) !important;
  -webkit-text-fill-color:var(--wde-title-color) !important;
  background-image:none !important;
}
.wde-hours.wde-hours-kitchen > h2.wde-standalone-kitchen-title{
  color:var(--wde-kitchen-title-color) !important;
  -webkit-text-fill-color:var(--wde-kitchen-title-color) !important;
  background-image:none !important;
}


/* 2.6.4 — WebDad Forms: volledige inhoudsbreedte + widget vult oudercontainer */
/* Voeg in Elementor CSS klasse `wd-form-wrap` toe aan de buitenste container. */
.wd-form-wrap{
  width:60% !important;
  max-width:60% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:10px !important;
  border-style:solid !important;
  border-width:2px !important;
  border-radius:25px !important;
  box-sizing:border-box;
}


/* 2.6.4 — Elementor container mag intern niet op Boxed blijven begrenzen.
   Daardoor werkt wd-form-wrap hetzelfde, ook wanneer "Inhoud breedte" nog op Boxed staat. */
.wd-form-wrap{
  --content-width:100% !important;
}
.wd-form-wrap > .e-con-inner,
.wd-form-wrap.e-con-boxed > .e-con-inner,
.wd-form-wrap.e-con-full > .e-con-inner{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Voeg CSS klasse `wd-form` toe aan de Fluent Forms-widget. */
.wd-form{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box;
  --width:100% !important;
  --container-widget-width:100% !important;
  --container-widget-flex-grow:1 !important;
}
.wd-form.elementor-element,
.wd-form.elementor-widget,
.wd-form.elementor-widget-fluent-form-widget{
  width:100% !important;
  max-width:100% !important;
  flex-basis:100% !important;
}
.wd-form > .elementor-widget-container,
.wd-form .fluentform-widget-wrapper,
.wd-form .fluentform,
.wd-form .frm-fluent-form,
.wd-form form.frm-fluent-form{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}

/* Responsief: dezelfde kaart, maar geen smal 60%-formulier op tablet/mobiel. */
@media (max-width:1024px){
  .wd-form-wrap{width:80% !important;max-width:80% !important;}
}
@media (max-width:767px){
  .wd-form-wrap{width:100% !important;max-width:100% !important;}
}

/* 2.6.3 — Fluent Forms: interne formulierlagen vullen wd-form volledig */
.wd-form .fluentform,
.wd-form [class*="fluentform_wrapper_"],
.wd-form .ff-default,
.wd-form .frm-fluent-form,
.wd-form form.frm-fluent-form,
.wd-form .ff-el-group,
.wd-form .ff-el-input--content{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

/* Gewone velden gebruiken de volledige beschikbare kolombreedte. */
.wd-form .ff-el-form-control,
.wd-form input[type="text"],
.wd-form input[type="email"],
.wd-form input[type="tel"],
.wd-form input[type="url"],
.wd-form input[type="number"],
.wd-form select,
.wd-form textarea{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

/* Fluent kolommen blijven kolommen; alleen de container zelf mag niet vernauwen. */
.wd-form .ff-t-container{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

/* WDE 2.6.5 - Fluent Forms static image field */
.wde-fluent-image { width:100%; }
.wde-fluent-image img { display:block; max-width:100%; height:auto; }
.wde-fluent-image.wde-image-align-left img { margin-left:0; margin-right:auto; }
.wde-fluent-image.wde-image-align-center img { margin-left:auto; margin-right:auto; }
.wde-fluent-image.wde-image-align-right img { margin-left:auto; margin-right:0; }
.wde-fluent-image-placeholder {
    display:inline-block;
    padding:8px 10px;
    border:1px dashed #bbb;
    border-radius:6px;
    font-size:12px;
    opacity:.7;
}

/* 2.8.0 — Pat-Car / WebDad order form: technische kolomlabels centreren
   boven de volledige breedte van hun eigen veld. De selectors gebruiken
   de vaste Name Attributes van de herbruikbare bestelstructuur. */
.frm-fluent-form .ff-el-group:has([name^="P_" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name^="VG" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name^="HG" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name^="KG" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="D1" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name^="S_" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="persons" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="VGT" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="HGT" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="KGT" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="DT" i]) .ff-el-input--label,
.frm-fluent-form .ff-el-group:has([name="TOT" i]) .ff-el-input--label {
  width:100% !important;
  text-align:center !important;
}
.frm-fluent-form .ff-el-group:has([name^="P_" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name^="VG" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name^="HG" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name^="KG" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="D1" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name^="S_" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="persons" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="VGT" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="HGT" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="KGT" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="DT" i]) .ff-el-input--label label,
.frm-fluent-form .ff-el-group:has([name="TOT" i]) .ff-el-input--label label {
  display:block !important;
  width:100% !important;
  text-align:center !important;
}

/* 3.3.0 — WebDad Prijslijst */
.wde-price-list{width:100%;}
.wde-price-heading{margin:28px 0 14px;line-height:1.15;}
.wde-price-heading:first-child{margin-top:0;}
.wde-price-item{width:100%;margin-bottom:10px;}
.wde-price-line{display:flex;align-items:baseline;width:100%;gap:8px;min-width:0;}
.wde-price-name{flex:0 1 auto;min-width:0;}
.wde-price-leader{flex:1 1 30px;min-width:18px;border-bottom:2px dotted currentColor;transform:translateY(-.18em);opacity:.75;}
.wde-price-value{flex:0 0 auto;white-space:nowrap;font-weight:700;}
.wde-price-description{margin-top:2px;line-height:1.35;opacity:.8;}
@media(max-width:480px){
  .wde-price-line{gap:6px;}
  .wde-price-leader{min-width:10px;}
}

/* Prijslijst individuele accenten */
.wde-price-bold{font-weight:700!important}.wde-price-italic{font-style:italic!important}

/* WDE Tabellen */
.wde-table-shell{width:100%;font-family:var(--wde-table-font-family,inherit);color:var(--wde-table-text,var(--e-global-color-text,inherit));font-size:var(--wde-table-font-size,inherit)}
.wde-table-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px}
.wde-table-search{width:min(100%,320px);padding:10px 12px;border:1px solid color-mix(in srgb,var(--e-global-color-text,#333) 22%,transparent);border-radius:8px;background:#fff;color:inherit;font:inherit}
.wde-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wde-data-table{width:100%;border-collapse:collapse;border-spacing:0;font:inherit;color:inherit;background:transparent}
.wde-data-table th,.wde-data-table td{padding:11px 12px;border-bottom:1px solid var(--wde-table-border,color-mix(in srgb,var(--e-global-color-text,#333) 16%,transparent));vertical-align:top}
.wde-data-table thead th{background:var(--wde-table-header-bg,var(--e-global-color-primary,#333));color:var(--wde-table-header-text,#fff);font-family:var(--wde-table-header-font-family,var(--wde-table-font-family,inherit));font-size:var(--wde-table-header-font-size,inherit);font-weight:var(--wde-table-header-weight,700);white-space:nowrap}
.wde-data-table thead th.is-sortable{cursor:pointer;user-select:none}
.wde-data-table thead th.is-sortable:hover{filter:brightness(.95)}
.wde-data-table.is-striped tbody tr:nth-child(even){background:var(--wde-table-stripe,color-mix(in srgb,var(--e-global-color-primary,#333) 5%,transparent))}
.wde-data-table tbody tr:hover{background:var(--wde-table-hover,color-mix(in srgb,var(--e-global-color-accent,var(--e-global-color-primary,#333)) 8%,transparent))}
.wde-data-table.is-compact th,.wde-data-table.is-compact td{padding:7px 9px}
.wde-table-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.wde-table-pager button{min-width:38px;min-height:36px;border:1px solid color-mix(in srgb,var(--e-global-color-text,#333) 20%,transparent);border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.wde-table-pager button:disabled{opacity:.35;cursor:default}
@media(max-width:767px){.wde-data-table{min-width:640px}.wde-table-toolbar{justify-content:stretch}.wde-table-search{width:100%}}

/* WDE Tabellen 4.4.3 — compacte afbeeldingskolom */
.wde-table-image-icon{display:inline-block;width:48px!important;height:48px!important;max-width:48px!important;object-fit:cover;border-radius:4px;vertical-align:middle}




/* WDE Tabellen 4.5.2 — rustige klikcel + mobiele mini-fiche */
.wde-detail-cell-trigger{
  color:inherit;
  font:inherit;
  font-weight:inherit;
  text-decoration:none;
}
.wde-detail-clickable-cell{
  cursor:pointer;
  transition:background-color .15s ease;
}
.wde-detail-clickable-cell:hover{
  background:color-mix(in srgb,var(--wde-detail-accent,var(--e-global-color-primary,#999)) 8%,transparent);
}
.wde-detail-clickable-cell:focus-visible{
  outline:2px solid var(--wde-detail-accent,var(--e-global-color-primary,currentColor));
  outline-offset:-2px;
}
body.wde-detail-opened{overflow:hidden}
.wde-detail-modal[hidden]{display:none!important}
.wde-detail-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px}
.wde-detail-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.wde-detail-dialog{
  position:relative;z-index:1;width:min(920px,96vw);max-height:90vh;overflow:auto;
  background:var(--wde-detail-bg,#fff);color:var(--wde-detail-text,var(--e-global-color-text,#333));
  border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:28px;
}
.wde-detail-close{
  position:absolute;top:10px;right:12px;width:38px;height:38px;border:0;border-radius:999px;
  background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer;
}
.wde-detail-card{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:30px;align-items:start}
.wde-detail-media{min-width:0}
.wde-detail-image{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;border-radius:10px}
.wde-detail-noimage{display:grid;place-items:center;min-height:280px;border-radius:10px;background:rgba(127,127,127,.08);font-size:54px}
.wde-detail-info{display:grid;gap:12px;padding-top:4px}
.wde-detail-field{padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.wde-detail-label{font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--wde-detail-accent,var(--e-global-color-primary,currentColor));margin-bottom:3px}
.wde-detail-value{font-size:1.03em;line-height:1.45}

@media(max-width:700px){
  .wde-detail-modal{padding:0;align-items:end}
  .wde-detail-dialog{
    width:100vw;max-width:100vw;max-height:92vh;
    padding:22px 16px 20px;border-radius:18px 18px 0 0;
  }
  .wde-detail-card{grid-template-columns:1fr;gap:18px}
  .wde-detail-media{max-width:420px;margin:0 auto;width:100%}
  .wde-detail-image{max-height:46vh}
  .wde-detail-noimage{min-height:180px}
  .wde-detail-close{top:8px;right:10px}
}


/* WDE Tabellen 4.5.9 — kleuren rechtstreeks op tabelcellen toepassen */
.wde-table-shell .wde-data-table tbody td{
  color:var(--wde-table-text,var(--e-global-color-text,inherit)) !important;
}
.wde-table-shell .wde-data-table tbody td .wde-detail-cell-trigger{
  color:inherit !important;
}


/* WDE Tabellen 4.7.0 — zebra betrouwbaar aan/uit + kleur zichtbaar */
/* Sommige themes/Elementor geven TD's zelf een achtergrond.
   Daarom sturen we zebra en hover expliciet op de cellen. */
.wde-data-table tbody > tr > td{
  background-color:transparent;
}
.wde-data-table:not(.is-striped) tbody > tr:nth-child(even) > td{
  background-color:transparent !important;
}
.wde-data-table.is-striped tbody > tr:nth-child(even) > td{
  background-color:var(
    --wde-table-stripe,
    color-mix(in srgb,var(--e-global-color-primary,#333) 5%,transparent)
  ) !important;
}
.wde-data-table tbody > tr:hover > td{
  background-color:var(
    --wde-table-hover,
    color-mix(in srgb,var(--e-global-color-accent,var(--e-global-color-primary,#333)) 8%,transparent)
  ) !important;
}
/* De klikbare mini-fichecel mag bij hover nog altijd subtiel reageren. */
.wde-data-table tbody > tr:hover > td.wde-detail-clickable-cell{
  background-color:var(
    --wde-table-hover,
    color-mix(in srgb,var(--wde-detail-accent,var(--e-global-color-primary,#999)) 8%,transparent)
  ) !important;
}


/* WDE Tabellen 4.7.1 — zebra kleur: maximale specificiteit */
body .wde-table-wrap .wde-data-table.is-striped > tbody > tr:nth-child(even) > td{
  background:var(--wde-table-stripe) !important;
  background-color:var(--wde-table-stripe) !important;
}
body .wde-table-wrap .wde-data-table:not(.is-striped) > tbody > tr > td{
  background:transparent !important;
  background-color:transparent !important;
}


/* WDE Tabellen 4.8.1 — mobiel: Jaar | Maand | Toneelwerk */
@media(max-width:767px){
  .wde-mobile-historiek .wde-table-scroll{overflow-x:visible !important}
  .wde-mobile-historiek .wde-data-table{min-width:0 !important;width:100% !important;table-layout:fixed}

  .wde-mobile-historiek .wde-data-table th,
  .wde-mobile-historiek .wde-data-table td{display:none}

  .wde-mobile-historiek .wde-data-table th.wde-front-key-jaar,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-jaar,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-year,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-year,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-maand,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-maand,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-month,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-month,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-toneelwerk,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-toneelwerk{display:table-cell}

  .wde-mobile-historiek .wde-data-table th.wde-front-key-jaar,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-jaar,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-year,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-year{width:18% !important}

  .wde-mobile-historiek .wde-data-table th.wde-front-key-maand,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-maand,
  .wde-mobile-historiek .wde-data-table th.wde-front-key-month,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-month{width:18% !important}

  .wde-mobile-historiek .wde-data-table th.wde-front-key-toneelwerk,
  .wde-mobile-historiek .wde-data-table td.wde-front-key-toneelwerk{width:64% !important}

  .wde-mobile-historiek .wde-data-table th,
  .wde-mobile-historiek .wde-data-table td{padding:10px 8px !important;overflow-wrap:anywhere}

  .wde-mobile-historiek .wde-data-table td.wde-front-key-toneelwerk[data-mobile-detail="1"]{cursor:pointer}
}


/* WDE Tabellen 4.8.6 — Historiek spelers in mini-fiche */
.wde-detail-players .wde-detail-value{
  display:grid;
  gap:3px;
}
.wde-detail-player{
  line-height:1.35;
}


/* WDE 4.9.2 — Opt-in generieke kleurbanden voor formulieren.
   Buitenste Elementor-container: wd-form-wrap wd-form-banded
   Gekleurde Elementor-headercontainer: wd-form-head
   Fluent Forms-widget: wd-form
   De boven- en onderband delen een sitekleur (Elementor Primary) of fallback.
   De bestaande wd-form-wrap zonder wd-form-banded blijft ongewijzigd. */
.wd-form-wrap.wd-form-banded {
  --wd-form-band-color: var(--e-global-color-primary, #1955bf);
  padding: 0 !important;
  overflow: hidden;
  gap: 0 !important;
}
.wd-form-wrap.wd-form-banded > .e-con-inner {
  gap: 0 !important;
}
.wd-form-wrap.wd-form-banded .wd-form-head {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background-color: var(--wd-form-band-color) !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.wd-form-wrap.wd-form-banded .wd-form {
  padding: 22px 14px 14px !important;
}
/* Onderband als laatste onderdeel van de binnenste Elementor-container. */
.wd-form-wrap.wd-form-banded > .e-con-inner::after,
.wd-form-wrap.wd-form-banded.e-con-full::after {
  content: '';
  display: block;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  height: 14px;
  background: var(--wd-form-band-color);
}
@media (max-width: 767px) {
  .wd-form-wrap.wd-form-banded .wd-form { padding: 16px 12px 12px !important; }
}

/* WDE 4.9.3 — De verzendknop volgt bij banded formulieren dezelfde
   primaire sitekleur als de kop- en voetband, ook in de frontend.
   Opt-in: andere Fluent Forms en bestaande Pat-Car opmaak blijven intact. */
.wd-form-wrap.wd-form-banded .wd-form .ff-btn-submit,
.wd-form-wrap.wd-form-banded .wd-form button[type="submit"].ff-btn,
.wd-form-wrap.wd-form-banded .wd-form input[type="submit"].ff-btn {
  background: var(--wd-form-band-color) !important;
  background-color: var(--wd-form-band-color) !important;
  border-color: var(--wd-form-band-color) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.wd-form-wrap.wd-form-banded .wd-form .ff-btn-submit:hover,
.wd-form-wrap.wd-form-banded .wd-form .ff-btn-submit:focus-visible,
.wd-form-wrap.wd-form-banded .wd-form button[type="submit"].ff-btn:hover,
.wd-form-wrap.wd-form-banded .wd-form input[type="submit"].ff-btn:hover {
  background: var(--wd-form-band-color) !important;
  background-color: var(--wd-form-band-color) !important;
  border-color: var(--wd-form-band-color) !important;
  color: #fff !important;
  filter: brightness(.88);
  text-decoration: none !important;
}

/* WDE 4.9.4 — Elementor-generated page CSS can set button blue with
   !important and higher specificity. Restrict stronger override to banded
   WebDad forms only; match Fluent Forms frontend submit markup. */
.wd-form-wrap.wd-form-banded .wd-form .fluentform-widget-wrapper .ff-el-group .ff-btn.ff-btn-submit.ff__btn__style,
.wd-form-wrap.wd-form-banded .wd-form .ff-el-group.ff-text-center .ff-btn.ff-btn-submit.ff__btn__style {
  background-color: var(--wd-form-band-color) !important;
  border-color: var(--wd-form-band-color) !important;
  color: #fff !important;
}
.wd-form-wrap.wd-form-banded .wd-form .fluentform-widget-wrapper .ff-el-group .ff-btn.ff-btn-submit.ff__btn__style:hover,
.wd-form-wrap.wd-form-banded .wd-form .ff-el-group.ff-text-center .ff-btn.ff-btn-submit.ff__btn__style:hover {
  background-color: var(--wd-form-band-color) !important;
  border-color: var(--wd-form-band-color) !important;
  filter: brightness(.88);
}