/* Fix: voorkom witte strook bij horizontale overscroll op mobile */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100%;
    background: #fff;
  }

  /* Helpt tegen 'scroll chain' op browsers die dit ondersteunen */
  body {
    overscroll-behavior-x: none;
  }
}






/* Verberg de SKU in WooCommerce-producten */
.single-product .product_meta .sku_wrapper {
    display: none !important;
}



/* Vergroot de breedte van de kwantiteitsselector */
.woocommerce div.quantity input[type="number"] {
    width: 75px; /* Pas deze waarde aan naar jouw voorkeur */
}




.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #004394
 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #004394
 !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

/* Wijzig de achtergrondkleur van alle Ultimate Member-knoppen */
.um-field input[type="submit"].um-button, 
.um-field button.um-button, 
.um-field input[type="submit"].um-alt, 
.um-field button.um-alt {
    background-color: #004394 !important;
    color: #fff !important;
}

/* Wijzig de achtergrondkleur van alle Ultimate Member-knoppen bij hover (optioneel) */
.um-field input[type="submit"].um-button:hover, 
.um-field button.um-button:hover, 
.um-field input[type="submit"].um-alt:hover, 
.um-field button.um-alt:hover {
    background-color: #002966 !important;
    color: #fff !important;
}



/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #004394 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #004394 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}





/* Wijzig de tekstkleur van de "Bekijk winkelwagen" knop */
.wc-forward {
    color: #004394 !important;
}



/* Verberg de reguliere prijs op productpagina */
.single-product .price del {
    display: none !important;
}

/* Verberg de reguliere prijs op winkelpagina */
.products .price del {
    display: none !important;
}


/* Pas de kleur van de prijs aan naar #4f91e0 */
.price {
    color: #4f91e0 !important;
}

/* Maak de kollommen gelijk van producten (even hoog)  */


/* Verberg de knop op de winkelwagenpagina */
.page-id-je-winkelwagen-pagina-id a.checkout-button.button.alt.wc-forward {
    display: none;
}

/* Verberg de knop op de afrekenpagina */
.page-id-je-afrekenpagina-id a.checkout-button.button.alt.wc-forward {
    display: none;
}


/* Verander "Additional Information" naar "Aanvullende Informatie" in de checkout */
.woocommerce-additional-fields h3 {
    display: none;
}

.woocommerce-additional-fields h3::before {
    content: "Aanvullende Informatie";
    display: block;
    font-size: 1.17em;
    margin-bottom: 10px;
}




/* Stelt het lettertype van de knoppen in op Roboto en zorgt ervoor dat de tekst altijd wit is, inclusief tijdens hover-states. */
.xoo-cp-btns,
.xoo-cp-btn-vc.xcp-btn,
.xoo-cp-btn-ch.xcp-btn,
.xoo-cp-close.xcp-btn {
    font-family: 'Roboto', sans-serif;
    color: white;
}

/* Behoudt de witte tekstkleur tijdens hover-states. */
.xoo-cp-btns:hover,
.xoo-cp-btn-vc.xcp-btn:hover,
.xoo-cp-btn-ch.xcp-btn:hover,
.xoo-cp-close.xcp-btn:hover {
    color: white;
}


table td, table th {
    padding: 3px !important;
  
}

.woocommerce-error, .woocommerce-error li, .woocommerce-error a, .woocommerce-error strong { color: #ff0000 !important; }