.elementor-2381 .elementor-element.elementor-element-6c8a096c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2381 .elementor-element.elementor-element-6c8a096c:not(.elementor-motion-effects-element-type-background), .elementor-2381 .elementor-element.elementor-element-6c8a096c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jdvexpo.eu/wp-content/uploads/2025/07/bergen-2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2381 .elementor-element.elementor-element-6c8a096c > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2381 .elementor-element.elementor-element-6c8a096c > .elementor-container{min-height:400px;}.elementor-2381 .elementor-element.elementor-element-6c8a096c{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-239px;margin-bottom:110px;padding:155px 15px 0px 15px;}.elementor-2381 .elementor-element.elementor-element-3888d3f1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2381 .elementor-element.elementor-element-3888d3f1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2381 .elementor-element.elementor-element-6bf4bde5{text-align:center;}.elementor-2381 .elementor-element.elementor-element-6bf4bde5 .elementor-heading-title{color:var( --e-global-color-21bfb04 );}.elementor-2381 .elementor-element.elementor-element-571ff56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c #add_payment_method #payment #place_order{background-color:var( --e-global-color-accent );}.elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-2381 .elementor-element.elementor-element-fb6d87c #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-primary );}.elementor-2381 .elementor-element.elementor-element-fb6d87c{--tabs-hover-color:var( --e-global-color-primary );--tabs-active-color:var( --e-global-color-primary );--tabs-border-radius:0px 25px 25px 0px;--sections-border-radius:25px 25px 25px 25px;--section-title-spacing:20px;--links-normal-color:var( --e-global-color-primary );--links-hover-color:var( --e-global-color-accent );--forms-fields-border-radius:25px 25px 25px 25px;--forms-buttons-normal-text-color:var( --e-global-color-21bfb04 );--forms-buttons-hover-text-color:var( --e-global-color-21bfb04 );--forms-buttons-border-radius:25px 25px 25px 25px;--tables-links-normal-color:var( --e-global-color-primary );--tables-links-hover-color:var( --e-global-color-accent );--tables-button-normal-text-color:var( --e-global-color-21bfb04 );--tables-button-border-radius:25px 25px 25px 25px;}.elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-2381 .elementor-element.elementor-element-fb6d87c .shop_table .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .order-again .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .woocommerce-pagination .button, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-2381 .elementor-element.elementor-element-6c8a096c > .elementor-container{min-height:300px;}.elementor-2381 .elementor-element.elementor-element-6c8a096c{margin-top:-235px;margin-bottom:110px;padding:220px 15px 0px 15px;}.elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-2381 .elementor-element.elementor-element-6c8a096c{margin-top:-230px;margin-bottom:110px;}.elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-2381 .elementor-element.elementor-element-fb6d87c .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-fb6d87c *//* 1) 'Add a gift card?' kleiner maken */
.woocommerce-account .woocommerce-MyAccount-content form h4{
  font-size: 16px;          /* was te groot; pas aan naar smaak (bv. 15–18px) */
  line-height: 1.25;
  font-weight: 600;
  margin: 4px 0 10px;       /* compacte marge onder de titel */
}

/* Ruimte ONDER de giftcard-rij (input + knop) */
.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-MyAccount-Giftcards-form{
  margin-bottom: 32px;     /* meer of minder? pas gerust aan */
}

/* (Extra) Als je de rij mooi wil laten ‘ademen’ én input laten meeschalen */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-Giftcards-form{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-Giftcards-form input[type="text"]{
  flex: 1 1 360px;         /* laat het veld breder worden */
  border-radius: 9999px;   /* optioneel: pill look */
  padding: 12px 16px;
}

.woocommerce-account .woocommerce-MyAccount-Giftcards-form button.button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px;          /* matcht input-hoogte */
  border-radius:9999px; font-weight:600;
}
@media (max-width: 640px){
  .woocommerce-account .woocommerce-MyAccount-Giftcards-form{flex-direction:column; align-items:stretch}
  .woocommerce-account .woocommerce-MyAccount-Giftcards-form button.button{width:100%}
}
/* Giftcard-knop in JDV kleuren */
.woocommerce-account .woocommerce-MyAccount-Giftcards-form .button,
.woocommerce-account .woocommerce-MyAccount-Giftcards-form button.button{
  background:#F15A50;
  border-color:#F15A50;
  color:#fff;
  transition:background .2s ease, border-color .2s ease, transform .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-Giftcards-form .button:hover,
.woocommerce-account .woocommerce-MyAccount-Giftcards-form button.button:hover,
.woocommerce-account .woocommerce-MyAccount-Giftcards-form .button:focus{
  background:#00B7B7;
  border-color:#00B7B7;
  color:#fff;
  transform:translateY(-1px);
  outline:0;
  box-shadow:0 0 0 2px rgba(0,183,183,.25);
}
/* Gelijke verticale ruimte in tabelkoppen (My Account) */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 16px;          /* match met body-cellen */
  padding-right: 16px;         /* idem */
  vertical-align: middle;
  line-height: 1.2;
}

/* (optioneel) body-cellen gelijk trekken */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td{
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: middle;
}

/* Stijl voor de "Door producten zoeken" knop op lege bestelling/download pagina's */
.woocommerce-info .button.wc-forward {
    background-color: #f15a50 !important; /* Koraalrood */
    color: #ffffff !important; /* Witte tekst */
    border: none !important; /* Geen rand */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important; /* <-- NIEUWE REGEL TOEGEVOEGD */
    border-radius: 25px; /* Ronde hoeken */
    padding: 10px 20px; /* Opvulling */
    transition: all 0.3s ease; /* Soepele overgang */
}

/* Hover-stijl voor de "Door producten zoeken" knop */
.woocommerce-info .button.wc-forward:hover {
    background-color: #00b7b7 !important; /* Turkoois bij hover */
    color: #ffffff !important; /* Witte tekst bij hover */
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25) !important; /* <-- NIEUWE REGEL TOEGEVOEGD (sterker bij hover) */
    transform: translateY(-2px) !important; /* Lift de knop een beetje op bij hover */
}/* End custom CSS */