/* =========================================================
   DR GRAPHICS — CUSTOMIZER EXTRA CSS
   Versie: 3.0 — 5 oktober 2026
   Locatie: Weergave > Customizer > Extra CSS

   Huiskleur:   #2691D3
   Hover-kleur: #1e76ad

   Opgeschoond t.o.v. 2.0: dubbele mega-menu-regels verwijderd,
   regels voor plugins die niet (meer) actief zijn verwijderd,
   en regels die waarschijnlijk dood zijn onderaan gebundeld
   (sectie 99, nog actief).
   ========================================================= */

/* =========================================================
   1. TYPOGRAFIE
   ========================================================= */

body, h1, h2, h3, h4, h5, h6, p, a, li {
    font-family: "Montserrat", sans-serif !important;
}

i, .fa, .material-icons, .icon {
    font-family: "Font Awesome 5 Free", "Material Icons", sans-serif !important;
    font-weight: 900 !important;
}

/* =========================================================
   2. ALGEMENE ACHTERGRONDEN
   ========================================================= */

body, html,
.page_wrap,
.content_wrap_fullscreen,
.content,
.page_content_wrap,
.content_wrap,
.list_products.shop_mode_thumbs {
    background-color: #ffffff !important;
}

/* =========================================================
   3. HEADER
   ========================================================= */

.icons .shop_cart {
    display: none !important;
}

/* =========================================================
   4. MEGA MENU (ELEMENTSKIT)
   ========================================================= */

.ekit-vertical-menu-tigger-title {
    color: white !important;
    font-weight: bold;
}

.ekit-vertical-menu-tigger i {
    color: white !important;
}

/* Hover op menu-categorieën */

a.ekit-menu-nav-link:hover,
a.ekit-menu-nav-link:hover span,
a.ekit-menu-nav-link:focus,
a.ekit-menu-nav-link:focus span {
    color: #2691D3 !important;
}

/* Actieve / geopende categorie */

a.ekit-menu-nav-link.active,
a.ekit-menu-nav-link.ekit-menu-active,
.current-menu-item > a.ekit-menu-nav-link,
.current-menu-parent > a.ekit-menu-nav-link,
li.current-menu-item > a.ekit-menu-nav-link,
li.current-menu-parent > a.ekit-menu-nav-link,
li.elementskit-mega-menu-parent.current-menu-item > a.ekit-menu-nav-link {
    color: #2691D3 !important;
}

/* Pijltje naast actieve categorie */

a.ekit-menu-nav-link.active i,
a.ekit-menu-nav-link:hover i,
.current-menu-item > a.ekit-menu-nav-link i {
    color: #2691D3 !important;
}

/* =========================================================
   5. PRODUCTOVERZICHT
   ========================================================= */

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 400px;
    text-align: center;
}

.woocommerce ul.products li.product img {
    width: auto !important;
    height: 200px !important;
    object-fit: contain;
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
}

/* Titels: max 3 regels met ellipsis */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    line-height: 1.3em !important;
    min-height: calc(1.3em * 3) !important;
    text-align: center !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
}

/* Hoverkleur alleen op producttitels */

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product h2:hover,
.woocommerce ul.products li.product h3:hover,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.related.products ul.products li.product .woocommerce-loop-product__title:hover,
.upsells.products ul.products li.product .woocommerce-loop-product__title:hover,
.cross-sells ul.products li.product .woocommerce-loop-product__title:hover,
.post_item.post_layout_thumbs .post_title a:hover {
    color: #2691D3 !important;
    -webkit-text-fill-color: #2691D3 !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price {
    margin-top: auto;
    text-align: center;
}

.woocommerce ul.products li.product .button {
    white-space: normal !important;
    line-height: 1.3em;
    padding: 10px 12px;
    text-transform: none;
}

.woocommerce ul.products li.product .button::first-letter {
    text-transform: uppercase;
}

.woocommerce .add_to_cart_button {
    font-size: 9px !important;
}

/* =========================================================
   6. KNOPPEN
   ========================================================= */

button,
.button,
input[type="submit"],
.custom-login-register button {
    border-radius: 6px !important;
}

.woocommerce-Button.button {
    background-color: #2691D3 !important;
    border-color: #2691D3 !important;
    color: white !important;
}

.button.login-to-order {
    background-color: #2691D3 !important;
    color: white !important;
    border: none !important;
}

.button.product_type_simple {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    background-color: #2691D3 !important;
    color: white !important;
    border-radius: 5px !important;
    border: none !important;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    min-width: 180px !important;
    max-width: 500px !important;
    height: 40px !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.woocommerce-button.button.woocommerce-form-login__submit,
.single_add_to_cart_button.button {
    background-color: #2691D3 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    cursor: pointer;
}

/* Hover: alle knoppen */

.button.login-to-order:hover,
.button.product_type_simple:hover,
.woocommerce-button.button.woocommerce-form-login__submit:hover,
.single_add_to_cart_button.button:hover {
    background-color: #1e76ad !important;
}


/* =========================================================
   7. DR GRAPHICS – FLOATING CART / MINI-CART V3
   Desktop + mobiel
   ========================================================= */

/* Algemene achtergrond */
.drgh .sc_layouts_cart_widget,
.drgh .sc_layouts_cart_widget .widget_shopping_cart,
.drgh .sc_layouts_cart_widget .widget_shopping_cart_content {
    background: #191919 !important;
    box-sizing: border-box !important;
}

/* Binnenste winkelwagen */
.drgh .woocommerce-mini-cart,
.drgh .widget_shopping_cart {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Producttitels */
.drgh .woocommerce-mini-cart-item a {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    overflow-wrap: break-word;
}

/* Productprijzen */
.drgh .woocommerce-mini-cart-item .quantity,
.drgh .woocommerce-mini-cart-item .woocommerce-Price-amount {
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Subtotaal */
.drgh .woocommerce-mini-cart__total {
    margin: 14px 0 !important;
    font-size: 15px !important;
}

.drgh .woocommerce-mini-cart__total strong {
    font-weight: 600 !important;
}

.drgh .woocommerce-mini-cart__total .tax_label {
    display: none !important;
}

/* Knoppen onder elkaar */
.drgh .woocommerce-mini-cart__buttons,
.drgh .widget_shopping_cart .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Algemene knopopmaak */
.drgh .woocommerce-mini-cart__buttons a,
.drgh .widget_shopping_cart .buttons a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px !important;

    background: #049ADB !important;
    border: 2px solid #049ADB !important;
    border-radius: 6px !important;

    color: #ffffff !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Winkelwagenknop hover */
.drgh .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.drgh .widget_shopping_cart .buttons a:not(.checkout):hover {
    background: #037eb4 !important;
    border-color: #037eb4 !important;
}

/* Afrekenen – zwart met witte rand */
.drgh .woocommerce-mini-cart__buttons a.checkout,
.drgh .widget_shopping_cart .buttons a.checkout {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

/* Afrekenen hover */
.drgh .woocommerce-mini-cart__buttons a.checkout:hover,
.drgh .widget_shopping_cart .buttons a.checkout:hover {
    background: #049ADB !important;
    border-color: #049ADB !important;
    color: #ffffff !important;
}

/* =========================================================
   MOBIEL – MINI-WINKELWAGEN
   ========================================================= */

@media (max-width: 767px) {

    /* Popup ten opzichte van winkelwagenicoon */
    #drgh .drgh__cart .sc_layouts_cart_widget.widget_area {
        position: absolute !important;

        top: calc(100% + 12px) !important;
        right: 0 !important;
        left: auto !important;

        width: min(340px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: 75dvh !important;

        margin: 0 !important;
        padding: 18px !important;
        transform: none !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        box-sizing: border-box !important;
        z-index: 1000 !important;
    }

    /* Binnenste inhoud */
    #drgh .drgh__cart .widget_shopping_cart,
    #drgh .drgh__cart .widget_shopping_cart_content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Scrollbare productenlijst */
    #drgh .drgh__cart .woocommerce-mini-cart {
        max-height: 35dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Producttitels */
    #drgh .drgh__cart .woocommerce-mini-cart-item a {
        font-size: 13px !important;
    }
}

/* =========================================================
   ALGEMENE TABELKOPPEN - DR GRAPHICS
   ========================================================= */

.woocommerce table.shop_table thead th,
.woocommerce table.shop_table thead td,
.woocommerce table:not(.shop_table) thead th {
    background-color: #2691D3 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   10. MIJN ACCOUNT
   ========================================================= */

/* Algemene accountpagina */

#post-2334 {
    background-color: #ffffff !important;
    padding: 30px;
}

/* Accountinhoud */

.woocommerce-account .woocommerce-MyAccount-content {
    background-color: #E3F2FD !important;
    padding: 24px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 24px;
}

/* =========================================================
   NAVIGATIE
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #2691D3 !important;
    padding: 0 !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Navigatieknoppen */

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 60px !important;
    padding: 14px 18px !important;

    background-color: #2691D3 !important;
    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Actieve knop en hover */

.woocommerce-account
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #1E76AD !important;
    color: #ffffff !important;
}

/* Downloads verbergen */

.woocommerce-account
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left !important;
        width: 240px !important;
        max-width: 240px !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: right !important;
        width: calc(100% - 264px) !important;
        max-width: none !important;
        margin: 0 !important;
    }
}

/* =========================================================
   TABLET EN MOBIEL
   ========================================================= */

@media (max-width: 1024px) {

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 20px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        min-height: 52px !important;
        padding: 12px 16px !important;
    }
}


/* =========================================================
   11. ADRESKAARTEN
   ========================================================= */

.woocommerce-Addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    padding: 20px;
}

.woocommerce-Addresses p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.woocommerce-Address {
    padding: 15px;
    border-radius: 12px;
    width: calc(50% - 20px);
    box-sizing: border-box;
    min-height: 250px;
}

.woocommerce-Address + .woocommerce-Address {
    margin-top: 20px;
}

.woocommerce-Address-title h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.woocommerce-Address address {
    font-size: 14px;
    line-height: 1.6;
}

.woocommerce-Address address.no-address {
    color: #999;
    font-style: italic;
    font-size: 14px;
}

.woocommerce-Addresses .woocommerce-Address a.edit {
    display: block !important;
}

/* Blauwe kaarten */

.woocommerce-Addresses.addresses .woocommerce-Address,
.woocommerce-Addresses.addresses .woocommerce-column,
.woocommerce-Addresses.addresses .u-column1,
.woocommerce-Addresses.addresses .u-column2 {
    background: #2691D3 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 14px;
}

.woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title,
.woocommerce-Addresses.addresses .woocommerce-Address .title {
    background: transparent !important;
}

.woocommerce-Addresses.addresses .woocommerce-Address h3,
.woocommerce-Addresses.addresses .woocommerce-Address address {
    color: #ffffff !important;
}

.woocommerce-Addresses.addresses .woocommerce-Address address {
    display: block;
    font-style: normal;
    line-height: 1.6;
}

.woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title a {
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: underline;
}

.woocommerce-Addresses.addresses .woocommerce-Address .woocommerce-Address-title a:hover {
    color: #2691D3 !important;
}

/* =========================================================
   12. FIBOSEARCH
   ========================================================= */

.dgwt-wcas-suggestions-wrapp {
    min-width: 300px !important;
    max-width: 420px !important;
    width: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    border: 1px solid #e5e5e5;
    background: #fff;
    font-family: "Montserrat", sans-serif !important;
    overflow: hidden;
}

.dgwt-wcas-details {
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
}

.dgwt-wcas-details-inner {
    overflow: visible !important;
    padding-bottom: 15px;
}

.dgwt-wcas-details form.cart {
    position: relative;
    bottom: 0;
    margin-top: 10px;
}

.dgwt-wcas-details .quantity {
    display: none !important;
}

.dgwt-wcas-details .quantity input.qty {
    height: 40px;
    padding: 5px 10px;
}

.dgwt-wcas-details .button {
    border-radius: 4px;
    margin-top: 0;
    vertical-align: middle;
}

.dgwt-wcas-pd-addtc-form {
    flex-direction: column !important;
}

.dgwt-wcas-pd-price a.button.login-to-order {
    font-size: 10px;
    padding: 14px 25px;
}

/* =========================================================
   13. LOGIN & REGISTRATIE
   ========================================================= */

.woocommerce form.login,
.woocommerce form.register {
    max-width: 100% !important;
    width: 90% !important;
    margin: 0 auto;
}

.woocommerce h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: none;
    margin-bottom: 15px;
}

.custom-login-register button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

/* =========================================================
   14. MOBIEL
   ========================================================= */

@media (max-width: 767px) {
    .woocommerce-checkout #order_review {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box;
        }
}

@media (max-width: 768px) {
    .woocommerce-Addresses {
            flex-direction: column;
            align-items: center;
        }

    .woocommerce-Addresses p {
            font-size: 12px;
            text-align: center;
            padding: 0 10px;
            margin-bottom: 15px;
        }

    .woocommerce-Address {
            width: 100%;
            margin-bottom: 20px;
            padding: 15px;
            min-height: 300px;
            text-align: center;
        }

    .woocommerce-Address-title h2 {
            font-size: 16px;
        }

    .woocommerce-Address-title .edit {
            font-size: 15px;
        }

    .woocommerce-Address address {
            font-size: 15px;
        }
}

/* =====================================================
   B2BKING SUBREKENINGEN
===================================================== */

.woocommerce-MyAccount-content{
    --blue:#2691d3;
    --blue-hover:#1f7eb8;
    --light-blue:#dff0fb;
    --field-blue:#edf7fd;
    --border-blue:#b9dced;
    --text:#222;
    --white:#fff;
}

/* =========================
   PAGINA
========================= */

body.b2bking_subaccounts .woocommerce-MyAccount-content{
    padding:24px!important;
    background:var(--light-blue)!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
}

.b2bking_subaccounts_container,
.b2bking_subaccounts_container_top{
    background:transparent!important;
}

.b2bking_subaccounts_container_top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin-bottom:18px!important;
}

.b2bking_subaccounts_container_top_title{
    margin:0!important;
    color:var(--text)!important;
    font-size:30px!important;
    font-weight:400!important;
    line-height:1.2!important;
}

/* =========================
   KNOPPEN
========================= */

:is(
    .b2bking_subaccounts_container_top_button,
    .b2bking_subaccounts_account_button,
    .b2bking_subaccounts_new_account_container_content_bottom_button
){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding:10px 16px!important;
    background:var(--blue)!important;
    color:var(--white)!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:0 2px 3px rgba(0,0,0,.14)!important;
    font:600 16px/1 inherit!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    transition:background-color .18s ease, box-shadow .18s ease!important;
}

:is(
    .b2bking_subaccounts_container_top_button,
    .b2bking_subaccounts_account_button,
    .b2bking_subaccounts_new_account_container_content_bottom_button
):hover{
    background:var(--blue-hover)!important;
    color:var(--white)!important;
    box-shadow:0 3px 5px rgba(0,0,0,.16)!important;
}

/* Knopinhoud */

:is(
    .b2bking_subaccounts_container_top_button,
    .b2bking_subaccounts_account_button,
    .b2bking_subaccounts_new_account_container_content_bottom_button
) *{
    color:var(--white)!important;
    fill:var(--white)!important;
}

/* Interne knoponderdelen niet afzonderlijk opmaken */

:is(
    .b2bking_subaccounts_container_top_button,
    .b2bking_subaccounts_new_account_container_content_bottom_button
) > :is(div,span,i,svg){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* =========================
   ACCOUNTOVERZICHT
========================= */

.b2bking_subaccounts_account_container{
    margin-top:16px!important;
    overflow:hidden!important;
    background:var(--white)!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:0 2px 4px rgba(0,0,0,.14)!important;
}

.b2bking_subaccounts_account_top{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;
    padding:9px 15px!important;
    background:var(--blue)!important;
    color:var(--white)!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
}

.b2bking_subaccounts_account_top *{
    background:transparent!important;
    color:var(--white)!important;
    fill:var(--white)!important;
}

:is(
    .b2bking_subaccounts_account_line,
    .b2bking_subaccounts_account_line > div,
    .b2bking_subaccounts_account_name_title,
    .b2bking_subaccounts_account_phone_email,
    .b2bking_subaccounts_account_phone_email_text
){
    background:var(--white)!important;
}

.b2bking_subaccounts_account_line:first-of-type{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:20px!important;
    width:100%!important;
}

.b2bking_subaccounts_account_line:first-of-type > div:last-child{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    width:auto!important;
}

.b2bking_subaccounts_account_line,
.b2bking_subaccounts_account_line div{
    color:var(--text)!important;
    font-size:15px!important;
    line-height:1.5!important;
}

.b2bking_subaccounts_account_name_title{
    color:#111!important;
    font-size:16px!important;
    font-weight:700!important;
}

/* =========================
   FORMULIERKAART
========================= */

:is(
    .b2bking_subaccounts_new_account_container,
    .b2bking_subaccounts_edit_account_container
){
    overflow:hidden!important;
    background:var(--white)!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:0 2px 4px rgba(0,0,0,.14)!important;
}

:is(
    .b2bking_subaccounts_new_account_container,
    .b2bking_subaccounts_edit_account_container
) .b2bking_subaccounts_new_account_container_content{
    padding:28px 24px 24px!important;
    background:var(--white)!important;
    color:var(--text)!important;
    box-sizing:border-box!important;
}

/* Blauwe formulierkop */

:is(
    .b2bking_subaccounts_new_account_container,
    .b2bking_subaccounts_edit_account_container
) > .b2bking_subaccounts_new_account_container_top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:46px!important;
    padding:6px 16px!important;
    background:var(--blue)!important;
    color:var(--white)!important;
    border:0!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
}

:is(
    .b2bking_subaccounts_new_account_container,
    .b2bking_subaccounts_edit_account_container
) > .b2bking_subaccounts_new_account_container_top *{
    color:var(--white)!important;
    fill:var(--white)!important;
}

/* Sluitknop */

:is(
    .b2bking_subaccounts_new_account_container,
    .b2bking_subaccounts_edit_account_container
) > .b2bking_subaccounts_new_account_container_top > :last-child{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    margin:0!important;
    padding:8px 14px!important;
    background:var(--blue-hover)!important;
    color:var(--white)!important;
    border:0!important;
    border-radius:5px!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1!important;
    cursor:pointer!important;
}

/* =========================
   FORMULIERSECTIES
========================= */

.b2bking_subaccounts_new_account_container_content_element{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 18px!important;
    padding:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
}

/*
   De horizontale-lijnklasse staat op de volledige
   laatste veldrij van iedere sectie.
*/

.b2bking_subaccounts_new_account_container_content_element.b2bking_subaccount_horizontal_line{
    height:auto!important;
    margin:0 0 30px!important;
    padding:0 0 34px!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid #d1d1d1!important;
}

.b2bking_subaccounts_new_account_container_content_large_title{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:30px!important;
    margin:0 0 24px!important;
    padding:0!important;
    background:transparent!important;
    color:var(--text)!important;
    border:0!important;
    font-size:20px!important;
    font-weight:600!important;
    line-height:1.3!important;
    box-sizing:border-box!important;
}

.b2bking_subaccounts_new_account_container_content_large_title.b2bking_subaccount_top_margin{
    margin-top:0!important;
}

.b2bking_subaccounts_new_account_container_content_large_title :is(i,svg){
    flex:0 0 auto!important;
    color:var(--blue)!important;
    fill:var(--blue)!important;
}

.b2bking_subaccounts_new_account_container_content_element > label{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
    background:transparent!important;
    color:var(--text)!important;
    border:0!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.3!important;
}

/* =========================
   INVOERVELDEN
========================= */

.b2bking_subaccounts_new_account_container_content
:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    select,
    textarea
){
    display:block!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 14px!important;
    background:var(--field-blue)!important;
    color:var(--text)!important;
    border:1px solid var(--border-blue)!important;
    border-radius:5px!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:15px!important;
    line-height:1.4!important;
    box-sizing:border-box!important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease!important;
}

.b2bking_subaccounts_new_account_container_content textarea{
    min-height:110px!important;
    resize:vertical!important;
}

.b2bking_subaccounts_new_account_container_content
:is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
    select,
    textarea
):focus{
    background:var(--white)!important;
    border-color:var(--blue)!important;
    box-shadow:0 0 0 3px rgba(38,145,211,.14)!important;
    outline:0!important;
}

.b2bking_subaccounts_new_account_container_content
:is(input:disabled,input[readonly]){
    background:#e2effb!important;
    color:#777!important;
    opacity:1!important;
}

.b2bking_subaccounts_new_account_container_content
:is(input,textarea)::placeholder{
    color:#858585!important;
    opacity:1!important;
}

/* =========================
   RECHTEN
========================= */

.b2bking_subaccounts_new_account_container_content_element_checkbox{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-height:48px!important;
    margin:0 0 10px!important;
    padding:10px 14px!important;
    background:var(--field-blue)!important;
    color:var(--text)!important;
    border:1px solid var(--border-blue)!important;
    border-radius:5px!important;
    box-sizing:border-box!important;
}

.b2bking_subaccounts_new_account_container_content_element_checkbox_name{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:var(--text)!important;
    border:0!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.3!important;
}

.b2bking_subaccounts_new_account_container_content_element_checkbox_input{
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    padding:0!important;
    accent-color:var(--blue)!important;
}

/* =========================
   ONDERSTE KNOPPEN
========================= */

.b2bking_subaccounts_new_account_container_content_bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    width:100%!important;
    min-height:40px!important;
    margin:32px 0 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

/* Verwijderen links en bijwerken rechts */

.b2bking_subaccounts_edit_account_container
.b2bking_subaccounts_new_account_container_content_bottom{
    justify-content:space-between!important;
}

/* Eventuele loader niet als knop opmaken */

.b2bking_subaccounts_new_account_container_content_bottom
> div:not(.b2bking_subaccounts_new_account_container_content_bottom_button){
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* =========================
   TABLET
========================= */

@media (max-width:768px) {
    body.b2bking_subaccounts .woocommerce-MyAccount-content{
            padding:16px!important;
        }

    .b2bking_subaccounts_container_top{
            gap:12px!important;
            margin-bottom:16px!important;
        }

    .b2bking_subaccounts_container_top_title{
            font-size:25px!important;
        }

    .b2bking_subaccounts_account_top{
            min-height:46px!important;
            padding:8px 12px!important;
            font-size:16px!important;
        }

    :is(
            .b2bking_subaccounts_container_top_button,
            .b2bking_subaccounts_account_button,
            .b2bking_subaccounts_new_account_container_content_bottom_button
        ){
            padding:10px 13px!important;
            font-size:15px!important;
        }

    :is(
            .b2bking_subaccounts_new_account_container,
            .b2bking_subaccounts_edit_account_container
        ) .b2bking_subaccounts_new_account_container_content{
            padding:22px 16px 18px!important;
        }
}

/* =========================
   MOBIEL
========================= */

@media (max-width:560px) {
    body.b2bking_subaccounts .woocommerce-MyAccount-content{
            padding:14px!important;
        }

    .b2bking_subaccounts_container_top{
            align-items:flex-start!important;
            flex-direction:column!important;
        }

    .b2bking_subaccounts_account_line:first-of-type{
            display:flex!important;
            flex-direction:column!important;
            gap:12px!important;
        }

    .b2bking_subaccounts_account_line:first-of-type > div:last-child{
            width:100%!important;
            justify-content:flex-start!important;
        }

    :is(
            .b2bking_subaccounts_new_account_container,
            .b2bking_subaccounts_edit_account_container
        ) > .b2bking_subaccounts_new_account_container_top{
            padding:6px 10px!important;
        }

    .b2bking_subaccounts_new_account_container_content_bottom,
        .b2bking_subaccounts_edit_account_container
        .b2bking_subaccounts_new_account_container_content_bottom{
            align-items:stretch!important;
            flex-direction:column!important;
        }

    .b2bking_subaccounts_new_account_container_content_bottom_button{
            width:100%!important;
        }
}

@media (max-width:420px) {
    body.b2bking_subaccounts .woocommerce-MyAccount-content{
            padding:12px!important;
        }

    .b2bking_subaccounts_container_top_title{
            font-size:23px!important;
        }

    .b2bking_subaccounts_account_line:first-of-type > div:last-child{
            display:grid!important;
            grid-template-columns:1fr!important;
        }

    .b2bking_subaccounts_account_button{
            width:100%!important;
        }
}


/* =========================================================
   SINGLE PRODUCT - DR GRAPHICS
   FAVORIETENKNOP + STAFFELTABEL + UITLIJNING
   ========================================================= */


/* =========================================================
   1. ALGEMENE BREEDTE EN UITLIJNING
   ========================================================= */

body.single-product .summary {
    --dr-product-blue: #2691D3;
    --dr-product-dark: #333333;
    --dr-product-light: #F2F3F5;
}

/* Winkelwagenknop */

body.single-product .summary
.single_add_to_cart_button.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    height: auto !important;

    margin: 0 0 20px !important;
    padding: 12px 16px !important;

    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

/* Aantalveld */

body.single-product .summary form.cart .quantity {
    margin-bottom: 12px !important;
}

/* Ruimte onder winkelwagenformulier */

body.single-product .summary form.cart {
    margin-bottom: 20px !important;
}

/* =========================================================
   2. FAVORIETENKNOP - OUTLINED
   ========================================================= */

/* Buitenste container verzorgt de zichtbare rand */

body.single-product .summary .alg-wc-wl-btn-wrapper {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 2px solid #333333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

/* Binnenste knop */

body.single-product .summary
.alg-wc-wl-btn-wrapper button.alg-wc-wl-btn.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 52px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    background: transparent !important;
    background-color: transparent !important;

    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
}


/* Beide wishlist-statussen */
/* De plugin bepaalt zelf welke status zichtbaar is */

body.single-product .summary
.alg-wc-wl-btn .alg-wc-wl-view-state-add,
body.single-product .summary
.alg-wc-wl-btn .alg-wc-wl-view-state-remove {
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
}

/* Beide wishlist-statussen */
/* Zichtbaarheid wordt door de plugin geregeld */

body.single-product .summary
.alg-wc-wl-btn .alg-wc-wl-view-state-add,
body.single-product .summary
.alg-wc-wl-btn .alg-wc-wl-view-state-remove {
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
}

/* Tekst */

body.single-product .summary
.alg-wc-wl-btn .alg-wc-wl-btn-text {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 1px !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    text-align: center !important;
}

/* Hartje */

body.single-product .summary
.alg-wc-wl-btn i {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1 !important;

    flex-shrink: 0 !important;
}

/* Hover */

body.single-product .summary
.alg-wc-wl-btn-wrapper:hover {
    background: #F2F3F5 !important;
    border-color: #333333 !important;
}

body.single-product .summary
.alg-wc-wl-btn-wrapper button.alg-wc-wl-btn:hover,
body.single-product .summary
.alg-wc-wl-btn-wrapper button.alg-wc-wl-btn:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
}


/* =========================================================
   3. B2BKING STAFFELTABEL
   ========================================================= */

body.single-product .summary
table.b2bking_tiered_price_table {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

/* Lichtgrijze tabelkop */

body.single-product .summary
table.b2bking_tiered_price_table thead th {
    background: #F2F3F5 !important;
    background-color: #F2F3F5 !important;

    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    padding: 11px 14px !important;
    border: 0 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

/* Productregels */

body.single-product .summary
table.b2bking_tiered_price_table tbody td {
    background: #ffffff !important;
    color: #222222 !important;

    padding: 10px 14px !important;

    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-align: left !important;
    vertical-align: middle !important;
}

/* Laatste rij */

body.single-product .summary
table.b2bking_tiered_price_table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Productaantal */

body.single-product .summary
table.b2bking_tiered_price_table tbody td:first-child {
    font-weight: 600 !important;
}

/* Prijzen */

body.single-product .summary
table.b2bking_tiered_price_table .woocommerce-Price-amount,
body.single-product .summary
table.b2bking_tiered_price_table .woocommerce-Price-currencySymbol {
    color: #222222 !important;
}

/* Geen afwijkende hover- of actieve achtergrond */

body.single-product .summary
table.b2bking_tiered_price_table tbody tr:hover td,
body.single-product .summary
table.b2bking_tiered_price_table tbody tr.active td,
body.single-product .summary
table.b2bking_tiered_price_table tbody tr.selected td,
body.single-product .summary
table.b2bking_tiered_price_table tbody tr.b2bking-active td,
body.single-product .summary
table.b2bking_tiered_price_table tbody tr.b2bking_tiered_active td {
    background: #ffffff !important;
    color: #222222 !important;
}


/* =========================================================
   B2BKING INFORMATIETABEL
   ========================================================= */

/* Tabelbreedte en tussenruimte */

body.single-product .summary
form.cart table.b2bking_information_table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Lichtgrijze kop */

body.single-product .summary
table.b2bking_information_table thead th {
    background: #F2F3F5 !important;
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
    padding: 11px 14px !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

/* Inhoud */

body.single-product .summary
table.b2bking_information_table tbody td {
    background: #ffffff !important;
    color: #333333 !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}

/* Laatste rij */

body.single-product .summary
table.b2bking_information_table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* =========================================================
   4. TABLET EN MOBIEL
   ========================================================= */

@media (max-width: 1024px) {

    body.single-product .summary
    .single_add_to_cart_button.button {
        min-height: 52px !important;
    }

    body.single-product .summary
    .alg-wc-wl-btn-wrapper button.alg-wc-wl-btn.button {
        min-height: 50px !important;
        padding: 12px !important;
    }

    body.single-product .summary
    .alg-wc-wl-btn .alg-wc-wl-btn-text {
        font-size: 12px !important;
        letter-spacing: 0.5px !important;
    }
}


/* =====================================================
   BESTELLINGEN + BESTELDETAILS
===================================================== */

:root{
    --dr-blue:#2691d3;
    --dr-blue-hover:#187caf;
    --dr-light:#dff0fb;
    --dr-border:#d5e0e7;
    --dr-white:#fff;
    --dr-text:#222;
}

/* =====================================================
   ALGEMENE PAGINA-OPMAAK
===================================================== */

.woocommerce-account
.woocommerce-MyAccount-content:has(.woocommerce-orders-table){
    padding:22px!important;
    box-sizing:border-box!important;
    background:var(--dr-light)!important;
    border-radius:8px!important;
}

/* Detailpagina: rustige lichtblauwe basis met witte kaarten */

.woocommerce-account
.woocommerce-MyAccount-content:has(.woocommerce-order-details){
    padding:22px!important;
    box-sizing:border-box!important;
    background:var(--dr-light)!important;
    border:0!important;
    border-radius:8px!important;
}

/* =====================================================
   GEEN BESTELLINGEN - MELDING
===================================================== */

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-info{
    margin:0!important;
    padding:22px!important;
    box-sizing:border-box!important;
    background:var(--dr-light)!important;
    color:#666!important;
    -webkit-text-fill-color:#666!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1.5!important;
}

/* "Blader door producten" als duidelijke tekstlink */

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-info
a.button,
.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-info
a.woocommerce-Button{
    display:inline!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 0 5px!important;
    padding:0!important;
    background:transparent!important;
    color:var(--dr-blue)!important;
    -webkit-text-fill-color:var(--dr-blue)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:inherit!important;
    font-weight:700!important;
    line-height:inherit!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    vertical-align:baseline!important;
}

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-info
a.button:hover,
.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-info
a.woocommerce-Button:hover{
    background:transparent!important;
    color:var(--dr-blue-hover)!important;
    -webkit-text-fill-color:var(--dr-blue-hover)!important;
    text-decoration:none!important;
}

/* =====================================================
   BESTELLINGENOVERZICHT
===================================================== */

.woocommerce-account .woocommerce-orders-table{
    width:100%!important;
    margin:0!important;
    table-layout:fixed!important;
    border:0!important;
    border-spacing:0!important;
    border-collapse:separate!important;
    overflow:hidden!important;
    background:var(--dr-white)!important;
    border-radius:6px!important;
}

/* Kolombreedtes - definitieve desktopverdeling */

.woocommerce-orders-table :is(th,td):nth-child(1){width:13%!important}

.woocommerce-orders-table :is(th,td):nth-child(2){width:20%!important}

.woocommerce-orders-table :is(th,td):nth-child(3){width:14%!important}

.woocommerce-orders-table :is(th,td):nth-child(4){width:13%!important}

.woocommerce-orders-table :is(th,td):nth-child(5){width:15%!important}

.woocommerce-orders-table :is(th,td):nth-child(6){width:25%!important}

/* Tabelkop */

.woocommerce-account .woocommerce-orders-table thead th{
    height:62px!important;
    padding:0 11px!important;
    box-sizing:border-box!important;
    background:var(--dr-blue)!important;
    color:var(--dr-white)!important;
    -webkit-text-fill-color:var(--dr-white)!important;
    border:0!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.25!important;
    text-align:left!important;
    vertical-align:middle!important;
    text-transform:none!important;
}

/* Belangrijke tabelkoppen op één regel */

.woocommerce-orders-table thead
:is(
    .woocommerce-orders-table__header-order-placed-by,
    .woocommerce-orders-table__header-order-date,
    .woocommerce-orders-table__header-order-status
){
    white-space:nowrap!important;
}

/* Bestelregels */

.woocommerce-account .woocommerce-orders-table tbody :is(th,td){
    height:104px!important;
    padding:15px 11px!important;
    box-sizing:border-box!important;
    background:var(--dr-white)!important;
    color:var(--dr-text)!important;
    border:0!important;
    border-bottom:1px solid var(--dr-border)!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.45!important;
    text-align:left!important;
    vertical-align:middle!important;
}

.woocommerce-orders-table tbody tr:last-child :is(th,td){
    border-bottom:0!important;
}

/* Bestelnummer */

.woocommerce-account .woocommerce-orders-table tbody tr > :first-child,
.woocommerce-account .woocommerce-orders-table tbody
.woocommerce-orders-table__cell-order-number{
    background:var(--dr-white)!important;
    color:var(--dr-text)!important;
    -webkit-text-fill-color:var(--dr-text)!important;
}

.woocommerce-orders-table__cell-order-number a{
    color:var(--dr-blue)!important;
    -webkit-text-fill-color:var(--dr-blue)!important;
    font-size:17px!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.woocommerce-orders-table__cell-order-number a:hover{
    color:var(--dr-blue-hover)!important;
    -webkit-text-fill-color:var(--dr-blue-hover)!important;
}

/* Niet ongewenst afbreken */

.woocommerce-orders-table
:is(
    .woocommerce-orders-table__header-order-date,
    .woocommerce-orders-table__cell-order-date,
    .woocommerce-orders-table__cell-order-placed-by,
    .woocommerce-orders-table__cell-order-status
){
    white-space:nowrap!important;
}

/* Datum compact houden zonder PHP-aanpassing */

.woocommerce-orders-table__header-order-date,
.woocommerce-orders-table__cell-order-date{
    white-space:nowrap!important;
}

.woocommerce-orders-table__cell-order-date{
    font-size:14px!important;
    letter-spacing:-0.15px!important;
}

/* =====================================================
   TOTAAL + ACTIES
===================================================== */

/* Totaal: bedrag en artikelaantal rustig onder elkaar */

.woocommerce-orders-table__cell-order-total{
    padding-right:10px!important;
    line-height:1.35!important;
    white-space:normal!important;
}

.woocommerce-orders-table__cell-order-total
.woocommerce-Price-amount,
.woocommerce-orders-table__cell-order-total
.amount{
    display:block!important;
    color:var(--dr-text)!important;
    -webkit-text-fill-color:var(--dr-text)!important;
    font-weight:400!important;
    white-space:nowrap!important;
}

.woocommerce-orders-table__cell-order-total small,
.woocommerce-orders-table__cell-order-total
.woocommerce-order-item-count{
    display:block!important;
    margin-top:2px!important;
    color:var(--dr-text)!important;
    -webkit-text-fill-color:var(--dr-text)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.3!important;
    white-space:nowrap!important;
}

/* =====================================================
   ACTIEKNOPPEN
===================================================== */

.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions{
    white-space:nowrap!important;
    text-align:left!important;
}

.woocommerce-orders-table__cell-order-actions{
    padding-left:10px!important;
    padding-right:10px!important;
}

.woocommerce-orders-table__cell-order-actions
a.woocommerce-button.button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:42px!important;
    min-height:42px!important;
    margin:0 6px 0 0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    background:var(--dr-blue)!important;
    color:var(--dr-white)!important;
    -webkit-text-fill-color:var(--dr-white)!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
}

.woocommerce-orders-table__cell-order-actions
a.woocommerce-button.button:hover{
    background:var(--dr-blue-hover)!important;
}

.woocommerce-orders-table__cell-order-actions
a.woocommerce-button.button.view{
    min-width:96px!important;
}

.woocommerce-orders-table__cell-order-actions
a.woocommerce-button.button.order-again{
    position:relative!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    font-size:0!important;
    text-indent:-9999px!important;
}

/* Pijltje in beide opnieuw-bestellenknoppen */

.woocommerce-orders-table__cell-order-actions
a.woocommerce-button.button.order-again::before,
.woocommerce-MyAccount-content:has(.woocommerce-order-details)
.order-again .button::before{
    content:"↻"!important;
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--dr-white)!important;
    -webkit-text-fill-color:var(--dr-white)!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:400!important;
    line-height:1!important;
    text-indent:0!important;
}

/* =====================================================
   BESTELDETAILPAGINA
===================================================== */

.woocommerce-MyAccount-content:has(.woocommerce-order-details)
> p:first-of-type{
    margin:0 0 26px!important;
    color:var(--dr-text)!important;
    font-size:17px!important;
    line-height:1.55!important;
}

.woocommerce-MyAccount-content:has(.woocommerce-order-details) h2{
    margin:0 0 16px!important;
    color:#111!important;
    font-size:23px!important;
    font-weight:600!important;
    line-height:1.3!important;
}

/* Detailsectie volgt de lichtblauwe paginabasis */

.woocommerce-account .woocommerce-order-details,
.woocommerce-account
.woocommerce-order-details :is(table,thead,tbody,tfoot,tr){
    background:transparent!important;
}

.woocommerce-account .woocommerce-order-details{
    width:100%!important;
    margin:0 0 20px!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
}

/* Thema-wrappers rond de tabel: beige achtergrond en binnenruimte verwijderen */

.woocommerce-account .woocommerce-order-details > div,
.woocommerce-account .woocommerce-order-details .responsive-table,
.woocommerce-account .woocommerce-order-details .wd-table-wrapper,
.woocommerce-account .woocommerce-order-details .woocommerce-table__wrapper,
.woocommerce-account .woocommerce-order-details .shop_table_wrapper{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* Detailtabel */

.woocommerce-account
table.woocommerce-table--order-details{
    display:table!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    table-layout:fixed!important;
    background:var(--dr-white)!important;
    border:1px solid var(--dr-border)!important;
    outline:0!important;
    border-spacing:0!important;
    border-collapse:separate!important;
    border-radius:6px!important;
    overflow:hidden!important;
}

/* Normale tabelstructuur herstellen */

.woocommerce-table--order-details > thead{
    display:table-header-group!important;
}

.woocommerce-table--order-details > tbody{
    display:table-row-group!important;
}

.woocommerce-table--order-details > tfoot{
    display:table-footer-group!important;
}

.woocommerce-table--order-details > :is(thead,tbody,tfoot){
    width:auto!important;
    margin:0!important;
    padding:0!important;
}

.woocommerce-table--order-details tr{
    display:table-row!important;
    margin:0!important;
    padding:0!important;
}

.woocommerce-table--order-details :is(th,td){
    display:table-cell!important;
    float:none!important;
    margin:0!important;
}

/* Kolombreedtes */

.woocommerce-table--order-details :is(th,td):first-child{
    width:62%!important;
}

.woocommerce-table--order-details :is(th,td):last-child{
    width:38%!important;
    text-align:right!important;
}

/* Detailtabelkop */

.woocommerce-table--order-details thead th{
    padding:15px 18px!important;
    background:var(--dr-blue)!important;
    color:var(--dr-white)!important;
    -webkit-text-fill-color:var(--dr-white)!important;
    border:0!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.4!important;
    text-align:left!important;
}

/* Product- en totaalregels */

.woocommerce-table--order-details
:is(tbody td,tfoot th,tfoot td){
    padding:16px 18px!important;
    box-sizing:border-box!important;
    background:var(--dr-white)!important;
    color:var(--dr-text)!important;
    border:0!important;
    border-bottom:1px solid var(--dr-border)!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.5!important;
    vertical-align:middle!important;
}

.woocommerce-table--order-details tbody td a{
    color:var(--dr-text)!important;
    font-weight:600!important;
    text-decoration:none!important;
}

.woocommerce-table--order-details tfoot th{
    text-align:left!important;
}

.woocommerce-table--order-details tfoot td{
    text-align:right!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
}

.woocommerce-table--order-details tfoot td *{
    white-space:normal!important;
}

.woocommerce-table--order-details
:is(tbody,tfoot) tr:last-child :is(th,td){
    border-bottom:0!important;
}

.woocommerce-table--order-details
tfoot tr:last-child :is(th,td){
    font-weight:700!important;
}

/* =====================================================
   OPNIEUW BESTELLEN DETAILPAGINA
===================================================== */

.woocommerce-MyAccount-content:has(.woocommerce-order-details)
.order-again{
    margin:20px 0 30px!important;
}

.woocommerce-MyAccount-content:has(.woocommerce-order-details)
.order-again .button{
    position:relative!important;
    display:block!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:var(--dr-blue)!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:none!important;
    font-size:0!important;
    text-indent:-9999px!important;
}

.woocommerce-MyAccount-content:has(.woocommerce-order-details)
.order-again .button:hover{
    background:var(--dr-blue-hover)!important;
}

/* =====================================================
   FACTUUR- EN VERZENDADRES
===================================================== */

.woocommerce-account .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-customer-details{
    clear:both!important;
    width:100%!important;
    margin:0!important;
}

.woocommerce-account .woocommerce-columns.woocommerce-columns--addresses,
.woocommerce-order-received .woocommerce-columns.woocommerce-columns--addresses{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:24px!important;
    width:100%!important;
    margin:0!important;
}

/* Twee gelijke adreskolommen */

.woocommerce-columns--addresses > .woocommerce-column{
    display:flex!important;
    flex:1 1 0!important;
    flex-direction:column!important;
    float:none!important;
    clear:none!important;
    width:0!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

/* Adreskoppen */

.woocommerce-columns--addresses .woocommerce-column-title{
    margin:0 0 14px!important;
    color:#111!important;
    font-size:21px!important;
    font-weight:600!important;
    line-height:1.3!important;
    text-align:left!important;
}

/* Adreskaarten */

.woocommerce-columns--addresses address{
    position:relative!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:230px!important;
    margin:0!important;
    padding:38px 28px 24px!important;
    box-sizing:border-box!important;
    background:var(--dr-white)!important;
    color:var(--dr-text)!important;
    border:1px solid var(--dr-border)!important;
    border-radius:6px!important;
    overflow:hidden!important;
    font-size:16px!important;
    font-style:normal!important;
    line-height:1.7!important;
    text-align:left!important;
}

/* Duidelijke blauwe bovenbalk; blijft dik ondanks thema-overschrijvingen */

.woocommerce-columns--addresses address::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:0!important;
    display:block!important;
    height:14px!important;
    background:var(--dr-blue)!important;
    border-radius:5px 5px 0 0!important;
    pointer-events:none!important;
}

.woocommerce-columns--addresses address p{
    margin:12px 0 0!important;
}

.woocommerce-columns--addresses address a{
    color:var(--dr-text)!important;
    text-decoration:none!important;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width:1024px) and (min-width:701px) {
    .woocommerce-account
        .woocommerce-MyAccount-content:has(.woocommerce-orders-table),
        .woocommerce-account
        .woocommerce-MyAccount-content:has(.woocommerce-order-details){
            padding:18px!important;
        }

    .woocommerce-orders-table thead th{
            padding:0 8px!important;
            font-size:14px!important;
        }

    .woocommerce-orders-table tbody :is(th,td){
            padding:14px 8px!important;
            font-size:14px!important;
        }

    .woocommerce-orders-table__cell-order-total small,
        .woocommerce-orders-table__cell-order-total .woocommerce-order-item-count{
            font-size:13px!important;
        }

    .woocommerce-orders-table__cell-order-actions{
            padding-left:6px!important;
            padding-right:6px!important;
        }

    .woocommerce-orders-table__cell-order-actions
        a.woocommerce-button.button{
            height:38px!important;
            min-height:38px!important;
            padding:0 8px!important;
            font-size:12px!important;
        }

    .woocommerce-orders-table__cell-order-actions
        a.woocommerce-button.button.view{
            min-width:88px!important;
        }

    .woocommerce-orders-table__cell-order-actions
        a.woocommerce-button.button.order-again{
            width:38px!important;
            min-width:38px!important;
            max-width:38px!important;
            padding:0!important;
            font-size:0!important;
        }
}

/* =====================================================
   MOBIEL
===================================================== */

@media (max-width:700px) {
    .woocommerce-account
        .woocommerce-MyAccount-content > .woocommerce-info{
            padding:16px!important;
            font-size:15px!important;
        }

    .woocommerce-account
        .woocommerce-MyAccount-content:has(.woocommerce-orders-table),
        .woocommerce-account
        .woocommerce-MyAccount-content:has(.woocommerce-order-details){
            padding:12px!important;
        }

    .woocommerce-account .woocommerce-orders-table{
            display:block!important;
            table-layout:auto!important;
            overflow:visible!important;
            background:transparent!important;
        }

    .woocommerce-orders-table thead{
            display:none!important;
        }

    .woocommerce-orders-table tbody{
            display:block!important;
        }

    .woocommerce-orders-table tbody tr{
            display:block!important;
            margin:0 0 14px!important;
            overflow:hidden!important;
            background:var(--dr-white)!important;
            border-radius:6px!important;
        }

    .woocommerce-orders-table tbody :is(th,td){
            display:flex!important;
            align-items:center!important;
            justify-content:space-between!important;
            gap:14px!important;
            width:100%!important;
            height:auto!important;
            min-height:50px!important;
            padding:12px 14px!important;
            box-sizing:border-box!important;
            background:var(--dr-white)!important;
            font-size:15px!important;
            text-align:right!important;
            white-space:normal!important;
        }

    .woocommerce-orders-table tbody td::before{
            flex:0 0 40%!important;
            color:var(--dr-text)!important;
            font-size:14px!important;
            font-weight:700!important;
            text-align:left!important;
            text-transform:none!important;
        }

    .woocommerce-orders-table
        .woocommerce-orders-table__cell-order-number{
            background:var(--dr-blue)!important;
        }

    .woocommerce-orders-table
        .woocommerce-orders-table__cell-order-number::before,
        .woocommerce-orders-table
        .woocommerce-orders-table__cell-order-number a{
            color:var(--dr-white)!important;
            -webkit-text-fill-color:var(--dr-white)!important;
        }

    .woocommerce-orders-table__cell-order-actions{
            min-height:66px!important;
            justify-content:flex-end!important;
        }

    .woocommerce-orders-table__cell-order-actions::before{
            margin-right:auto!important;
        }

    .woocommerce-orders-table__cell-order-actions
        a.woocommerce-button.button{
            height:40px!important;
            min-height:40px!important;
            margin:0 0 0 7px!important;
            padding:0 11px!important;
            font-size:12px!important;
        }

    .woocommerce-orders-table__cell-order-actions
        a.woocommerce-button.button.order-again{
            width:40px!important;
            min-width:40px!important;
            max-width:40px!important;
            padding:0!important;
            font-size:0!important;
        }

    .woocommerce-table--order-details
        :is(thead th,tbody td,tfoot th,tfoot td){
            padding:13px 12px!important;
            font-size:14px!important;
        }

    .woocommerce-account .woocommerce-columns.woocommerce-columns--addresses,
    .woocommerce-order-received .woocommerce-columns.woocommerce-columns--addresses{
            flex-direction:column!important;
            gap:22px!important;
        }

    .woocommerce-columns--addresses > .woocommerce-column{
            flex:none!important;
            width:100%!important;
            max-width:100%!important;
        }

    .woocommerce-columns--addresses address{
            min-height:0!important;
            padding:32px 20px 20px!important;
            font-size:15px!important;
        }
}

@media (max-width:1200px) {
    .ekit-vertical-navbar-nav .elementskit-megamenu-panel{
        position:static !important;
        display:none !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        box-shadow:none !important;
        opacity:1 !important;
        visibility:visible !important;
      }

    .ekit-vertical-navbar-nav .elementskit-megamenu-panel.elementskit-dropdown-open{
        display:block !important;
      }

    .ekit-vertical-navbar-nav .elementskit-megamenu-panel .elementor-container,
      .ekit-vertical-navbar-nav .elementskit-megamenu-panel .e-con{
        flex-wrap:wrap !important;
        width:100% !important;
      }

    .ekit-vertical-navbar-nav .elementskit-megamenu-panel .elementor-column,
      .ekit-vertical-navbar-nav .elementskit-megamenu-panel .elementor-widget-wrap{
        width:100% !important;
        max-width:100% !important;
      }

    .ekit-vertical-navbar-nav .elementskit-megamenu-panel a{
        color:#3a3633 !important;
      }
}

/* =========================================================
   15. HEADER-MENU OP TABLET (drie streepjes)

   Het ThemeREX-popupmenu schoof 15em naar rechts en viel
   buiten beeld. Deze regels houden het in beeld.
   ========================================================= */

.sc_layouts_menu_popup > .sc_layouts_menu_nav {
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
}

@media (max-width: 1200px) {
    .sc_layouts_menu_popup li > ul {
        position: static !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   99. WAARSCHIJNLIJK DOOD (nog wel actief)

   Deze regels matchen op de gecontroleerde publieke pagina's
   (homepage, categorieën, productpagina) niets meer. Ze staan
   hier nog actief omdat ik ze niet op alle pagina's kon testen.
   Per blok: controleer of het ergens nog gebruikt wordt en
   verwijder het dan.
   ========================================================= */

.search_header_wrap .logo_image {
    transform: scale(2.0);
    transform-origin: center center;
    width: auto !important;
    height: auto !important;
}

.search_wrap {
    background-color: #ADD8E6 !important;
}

.search_wrap.search_ajax {
    height: 400px !important;
}

.search_form_wrap input {
    background-color: #ADD8E6 !important;
    color: #ffffff;
}

.search_form_wrap input::placeholder {
    color: #ffffff;
}

.search_field {
    color: white !important;
}

.search_field::placeholder {
    color: white !important;
    opacity: 1;
}

.search_modern > .search_submit {
    position: relative;
    z-index: 99;
}

.post_meta_item.post_date,
.post_meta_item.post_categories,
.post_info,
.post_info_date,
.post_info_item {
    display: none;
}

a.post_more {
    display: none !important;
}

.post_title.entry-title {
    font-size: 15px;
}

.posts_container .post_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.posts_container .post_item .with_thumb {
    width: 80%;
    height: 400px;
    overflow: hidden;
}

.posts_container .post_item .with_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.posts_container .post_item .entry-title {
    min-height: 50px;
    text-align: center;
    margin: 10px 0;
}

.posts_container .post_item .product_price {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.post_featured.hover_shop {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100%;
}

.woocommerce_status_bar {
    display: none !important;
}

.drg-header-search {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.drg-header-search .drg-search-toggle {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 4px;
}

.drg-header-search .drg-search-form {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
    transition: all 0.18s ease;
}

.drg-header-search .drg-search-input {
    width: 170px;
    max-width: 60vw;
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.drg-header-search .drg-search-results {
    position: absolute;
    top: 120%;
    right: 0;
    width: 420px;
    max-width: 80vw;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
    z-index: 9999;
    overflow: hidden;
}

.drg-search-item {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    color: #222;
    font-size: 13px;
}

.drg-search-item:last-child {
    border-bottom: none;
}

.drg-search-item:hover {
    background: #f5f9ff;
}

.drg-search-loading,
.drg-search-empty {
    font-style: italic;
}

.drg-search-thumb {
    flex: 0 0 48px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drg-search-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.drg-search-info {
    flex: 1;
    min-width: 0;
}

.drg-search-title {
    font-weight: 500;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.drg-search-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 11px;
    color: #666;
}

.drg-search-price {
    font-weight: 600;
    color: #2691D3;
}

.drg-search-stock {
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 6px;
    background: #e8f8ed;
    color: #1b7a32;
}

.drg-search-stock.drg-out {
    background: #fdeeee;
    color: #b01914;
}

.elementor-image-box-img img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .drg-header-search .drg-search-results {
            right: auto;
            left: 0;
            width: 100vw;
            max-width: 100vw;
        }

    .elementor-image-box-img img {
            width: 100px;
            height: 100px;
        }

    .elementor-image-box-title {
            font-size: 14px !important;
        }
}

/* Koppen en lijsten onder elkaar binnen iedere menukolom */
.ekit-vertical-navbar-nav
.elementskit-megamenu-panel
.elementor-column > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

.ekit-vertical-navbar-nav
.elementskit-megamenu-panel
.elementor-widget-wrap > .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
}

/* Tablet: twee bestaande kolommen naast elkaar */
@media (max-width: 1200px) {
    .ekit-vertical-navbar-nav
    .elementskit-megamenu-panel
    .elementor-inner-section > .elementor-container {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .ekit-vertical-navbar-nav
    .elementskit-megamenu-panel
    .elementor-inner-section > .elementor-container > .elementor-column {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        min-width: 0;
    }
}

/* Mobiel: één kolom */
@media (max-width: 767px) {
    .ekit-vertical-navbar-nav
    .elementskit-megamenu-panel
    .elementor-inner-section > .elementor-container > .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}
/* Machine Type: kolomkoppen vetgedrukt */
.drgh__brands > li:last-child .drgh__mega .drgh__col > ul > li:first-child > a {
    font-weight: 700;
    color: var(--t);
}

/* =========================================================
   MOBIELE EN TABLET FILTERKNOP – DR GRAPHICS
   ========================================================= */

@media (max-width: 1024px) {

    /* FILTERS-knop */
    body.woocommerce .sidebar_control,
    body.woocommerce-page .sidebar_control,
    body.post-type-archive-product .sidebar_control,
    body.tax-product_cat .sidebar_control {
        background: #2691D3 !important;
        background-color: #2691D3 !important;
        border-color: #2691D3 !important;
        color: #FFFFFF !important;
    }

    /* Tekst, icoon en pijltje */
    body.woocommerce .sidebar_control *,
    body.woocommerce-page .sidebar_control *,
    body.tax-product_cat .sidebar_control * {
        color: #FFFFFF !important;
    }

    /* Hover */
    body.woocommerce .sidebar_control:hover,
    body.woocommerce-page .sidebar_control:hover,
    body.tax-product_cat .sidebar_control:hover {
        background: #1e76ad !important;
        background-color: #1e76ad !important;
        border-color: #1e76ad !important;
        color: #FFFFFF !important;
    }
}