.elementor-kit-6{--e-global-color-primary:#3A6426;--e-global-color-secondary:#54595F;--e-global-color-text:#10170C;--e-global-color-accent:#9DE62A;--e-global-color-fc83a5d:#FFFFFF;--e-global-color-ccad044:#F0F6EE;--e-global-color-5e432ef:#D9D9D9;--e-global-color-6d0616b:#F5F5F5;--e-global-color-e610375:#8BCA27;--e-global-typography-primary-font-family:"Cabin";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"Cabin";--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-text-font-family:"Cabin";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Cabin";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:underline;--e-global-typography-d17ab4f-font-family:"Josefin Sans";--e-global-typography-d17ab4f-font-size:4.5rem;--e-global-typography-d17ab4f-font-weight:700;--e-global-typography-d17ab4f-text-transform:none;--e-global-typography-d17ab4f-font-style:normal;--e-global-typography-d17ab4f-text-decoration:none;--e-global-typography-d17ab4f-line-height:1.05em;--e-global-typography-1055e39-font-family:"Josefin Sans";--e-global-typography-1055e39-font-size:3rem;--e-global-typography-1055e39-font-weight:700;--e-global-typography-1055e39-text-transform:none;--e-global-typography-1055e39-font-style:normal;--e-global-typography-1055e39-text-decoration:none;--e-global-typography-1055e39-line-height:1.1em;--e-global-typography-696d5a3-font-family:"Josefin Sans";--e-global-typography-696d5a3-font-size:2rem;--e-global-typography-696d5a3-font-weight:700;--e-global-typography-696d5a3-text-transform:none;--e-global-typography-696d5a3-font-style:normal;--e-global-typography-696d5a3-text-decoration:none;--e-global-typography-696d5a3-line-height:1.15em;--e-global-typography-3221bf1-font-family:"Josefin Sans";--e-global-typography-3221bf1-font-size:1.5rem;--e-global-typography-3221bf1-font-weight:700;--e-global-typography-3221bf1-text-transform:none;--e-global-typography-3221bf1-font-style:normal;--e-global-typography-3221bf1-text-decoration:none;--e-global-typography-3221bf1-line-height:1.2em;--e-global-typography-20af518-font-family:"Josefin Sans";--e-global-typography-20af518-font-size:1.25rem;--e-global-typography-20af518-font-weight:700;--e-global-typography-20af518-line-height:1.3em;--e-global-typography-b44b715-font-family:"Josefin Sans";--e-global-typography-b44b715-font-size:1.125rem;--e-global-typography-b44b715-font-weight:700;--e-global-typography-b44b715-text-transform:none;--e-global-typography-b44b715-font-style:normal;--e-global-typography-b44b715-text-decoration:none;--e-global-typography-b44b715-line-height:1.4em;color:var( --e-global-color-text );font-family:"Cabin", Sans-serif;font-size:16px;font-weight:500;overscroll-behavior:contain;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FFFFFF00;color:var( --e-global-color-text );border-style:solid;border-color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;padding:8px 16px 8px 16px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );border-style:solid;border-color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d17ab4f-font-family ), Sans-serif;font-size:var( --e-global-typography-d17ab4f-font-size );font-weight:var( --e-global-typography-d17ab4f-font-weight );text-transform:var( --e-global-typography-d17ab4f-text-transform );font-style:var( --e-global-typography-d17ab4f-font-style );text-decoration:var( --e-global-typography-d17ab4f-text-decoration );line-height:var( --e-global-typography-d17ab4f-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-1055e39-font-family ), Sans-serif;font-size:var( --e-global-typography-1055e39-font-size );font-weight:var( --e-global-typography-1055e39-font-weight );text-transform:var( --e-global-typography-1055e39-text-transform );font-style:var( --e-global-typography-1055e39-font-style );text-decoration:var( --e-global-typography-1055e39-text-decoration );line-height:var( --e-global-typography-1055e39-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-696d5a3-font-family ), Sans-serif;font-size:var( --e-global-typography-696d5a3-font-size );font-weight:var( --e-global-typography-696d5a3-font-weight );text-transform:var( --e-global-typography-696d5a3-text-transform );font-style:var( --e-global-typography-696d5a3-font-style );text-decoration:var( --e-global-typography-696d5a3-text-decoration );line-height:var( --e-global-typography-696d5a3-line-height );}.elementor-kit-6 h4{font-family:var( --e-global-typography-3221bf1-font-family ), Sans-serif;font-size:var( --e-global-typography-3221bf1-font-size );font-weight:var( --e-global-typography-3221bf1-font-weight );text-transform:var( --e-global-typography-3221bf1-text-transform );font-style:var( --e-global-typography-3221bf1-font-style );text-decoration:var( --e-global-typography-3221bf1-text-decoration );line-height:var( --e-global-typography-3221bf1-line-height );}.elementor-kit-6 h5{font-family:var( --e-global-typography-20af518-font-family ), Sans-serif;font-size:var( --e-global-typography-20af518-font-size );font-weight:var( --e-global-typography-20af518-font-weight );line-height:var( --e-global-typography-20af518-line-height );}.elementor-kit-6 h6{font-family:var( --e-global-typography-b44b715-font-family ), Sans-serif;font-size:var( --e-global-typography-b44b715-font-size );font-weight:var( --e-global-typography-b44b715-font-weight );text-transform:var( --e-global-typography-b44b715-text-transform );font-style:var( --e-global-typography-b44b715-font-style );text-decoration:var( --e-global-typography-b44b715-text-decoration );line-height:var( --e-global-typography-b44b715-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:4%;--container-default-padding-right:0%;--container-default-padding-bottom:4%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1440px){.elementor-kit-6{--e-global-typography-d17ab4f-font-size:3.75rem;--e-global-typography-d17ab4f-line-height:1.1em;--e-global-typography-1055e39-font-size:2.5rem;--e-global-typography-1055e39-line-height:1.15em;--e-global-typography-696d5a3-font-size:1.75rem;--e-global-typography-696d5a3-line-height:1.2em;--e-global-typography-3221bf1-font-size:1.375rem;--e-global-typography-3221bf1-line-height:1.25em;--e-global-typography-20af518-font-size:1.125rem;--e-global-typography-20af518-line-height:1.3em;--e-global-typography-b44b715-font-size:1rem;--e-global-typography-b44b715-line-height:1.4em;}.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-d17ab4f-font-size );line-height:var( --e-global-typography-d17ab4f-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-1055e39-font-size );line-height:var( --e-global-typography-1055e39-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-696d5a3-font-size );line-height:var( --e-global-typography-696d5a3-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-3221bf1-font-size );line-height:var( --e-global-typography-3221bf1-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-20af518-font-size );line-height:var( --e-global-typography-20af518-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-b44b715-font-size );line-height:var( --e-global-typography-b44b715-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-width:2px 2px 2px 2px;padding:12px 16px 12px 16px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{border-width:2px 2px 2px 2px;}.elementor-kit-6 img{border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:4%;--container-default-padding-right:0%;--container-default-padding-bottom:4%;--container-default-padding-left:0%;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-d17ab4f-font-size:3rem;--e-global-typography-d17ab4f-line-height:1.1em;--e-global-typography-1055e39-font-size:2.25rem;--e-global-typography-1055e39-line-height:1.15em;--e-global-typography-696d5a3-font-size:1.5rem;--e-global-typography-696d5a3-line-height:1.2em;--e-global-typography-3221bf1-font-size:1.25rem;--e-global-typography-3221bf1-line-height:1.25em;--e-global-typography-20af518-font-size:1.125rem;--e-global-typography-20af518-line-height:1.3em;--e-global-typography-b44b715-font-size:1rem;--e-global-typography-b44b715-line-height:1.4em;}.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-d17ab4f-font-size );line-height:var( --e-global-typography-d17ab4f-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-1055e39-font-size );line-height:var( --e-global-typography-1055e39-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-696d5a3-font-size );line-height:var( --e-global-typography-696d5a3-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-3221bf1-font-size );line-height:var( --e-global-typography-3221bf1-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-20af518-font-size );line-height:var( --e-global-typography-20af518-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-b44b715-font-size );line-height:var( --e-global-typography-b44b715-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:8%;--container-default-padding-right:0%;--container-default-padding-bottom:8%;--container-default-padding-left:0%;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-d17ab4f-font-size:2.25rem;--e-global-typography-d17ab4f-line-height:1.15em;--e-global-typography-1055e39-font-size:1.75rem;--e-global-typography-1055e39-line-height:1.2em;--e-global-typography-696d5a3-font-size:1.375rem;--e-global-typography-696d5a3-line-height:1.25em;--e-global-typography-3221bf1-font-size:1.125rem;--e-global-typography-3221bf1-line-height:1.3em;--e-global-typography-20af518-font-size:1rem;--e-global-typography-20af518-line-height:1.35em;--e-global-typography-b44b715-font-size:0.9rem;--e-global-typography-b44b715-line-height:1.4em;}.elementor-kit-6 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-d17ab4f-font-size );line-height:var( --e-global-typography-d17ab4f-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-1055e39-font-size );line-height:var( --e-global-typography-1055e39-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-696d5a3-font-size );line-height:var( --e-global-typography-696d5a3-line-height );}.elementor-kit-6 h4{font-size:var( --e-global-typography-3221bf1-font-size );line-height:var( --e-global-typography-3221bf1-line-height );}.elementor-kit-6 h5{font-size:var( --e-global-typography-20af518-font-size );line-height:var( --e-global-typography-20af518-line-height );}.elementor-kit-6 h6{font-size:var( --e-global-typography-b44b715-font-size );line-height:var( --e-global-typography-b44b715-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:8%;--container-default-padding-right:0%;--container-default-padding-bottom:8%;--container-default-padding-left:0%;}}/* Start custom CSS *//* ---- HEADER ---- */

.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background-color: transparent!important;
  color: #10170c!important;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  background-color: #9de62a!important;
}

.elementor-location-header .elementor-testimonial--layout-image_left .elementor-testimonial {
    justify-content: center;
    align-items: center;
}

.elementor-location-header .elementor-testimonial__image {
    display: flex;
}

.elementor-location-header .elementor-testimonial__footer .elementor-testimonial__image img {
    height: auto!important;
}

.main-nav-header ul li:first-child a,
.main-nav-header ul li:first-child .e-n-menu-title {
    padding-left: 0px !important;
    justify-content: left !important;
}

.main-nav-header ul li:last-child a,
.main-nav-header ul li:last-child .e-n-menu-title {
    padding-right: 0px !important;
    justify-content: right !important;
}

a#elementor-menu-cart__toggle_button {
    padding: 0;
    border: none;
}

a#elementor-menu-cart__toggle_button:hover {
    background-color: transparent;
    border: none;
}

.elementor-menu-cart__wrapper .elementor-menu-cart__subtotal {
    border-bottom: none;
    padding-bottom: 0px;
}

.elementor-menu-cart__wrapper .elementor-menu-cart__footer-buttons a.elementor-button {
    width: max-content;
    padding: 8px 16px;
}

.elementor-menu-cart__wrapper .elementor-menu-cart__footer-buttons {
    justify-items: end;
}

body .elementor-widget-wp-widget-yith-wcwl-items .mini .items-counter>a .heading-icon svg.yith-wcwl-icon-svg:hover {
    color: #9de62a;
}

.header-icons svg path {
    stroke: var(--e-global-color-primary);
}

.header-icons svg:hover path {
    stroke: #9DE62A;
}

.header-icons svg#yith-wcwl-icon-heart-outline {
    stroke-width: 1.5px;
}

.header-icons-account svg path {
    stroke-width: 2.2px;
}

.header-icons .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
    margin: 0;
}

.main-megamenu li.e-n-menu-item .e-n-menu-content .e-n-tabs-heading button {
    justify-content: space-between;
}

/* ---- FONT ---- */
.product-price_small {
 font-size: 0.8em;   
}

/* ---- HOME ---- */
#product-slider-home .elementor.elementor-305.swiper-slide.e-loop-item {
    padding: 20px;
}

#product-slider-home .elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image {
    padding: 0 10px;
}

.blog-home h3 a {
    font-family: 'Josefin Sans'!important;
}

/* ---- PDP ---- */

.single-product .tabs-bottom-border .e-n-tabs-heading {
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 15px;
}

.product_cat-terrarienanlagen form.cart .button, .product_cat-terrarienanlagen form.cart .quantity, .product_cat-terrarienanlagen .wc-ppcp-product-payments__container.bottom {
    display: none;
    pointer-events: none;
}

.single-product .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #10170c;
}

.single-product .woocommerce-message {
    display: none !important;
    pointer-events: none !important;
}

p#breadcrumbs a,
p#breadcrumbs span {
    font-size: 14px!important;
}

form.variations_form.cart table tbody>tr:nth-child(odd)>td, form.variations_form.cart table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

form.variations_form.cart table tbody tr:hover>td, form.variations_form.cart table tbody tr:hover>th {
    background-color: transparent;
}

form.variations_form.cart th.label {
    text-align: left;
}

form.variations_form.cart th {
    padding-left: 0px;
}

.product-specs ul li a {
    pointer-events: none;
    color: inherit;
}

p#breadcrumbs a {
    color: inherit;
}

p#breadcrumbs span {
    font-weight: 600;
    font-size: 16px;
}

.elementor-add-to-cart.elementor-product-simple input[type=number] {
    border: 2px solid #d9d9d9;
}

.add-to-cart-pdp input::-webkit-outer-spin-button,
.add-to-cart-pdp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.add-to-cart-pdp input[type=number] {
  -moz-appearance: textfield;
}

.add-to-cart-pdp .quantity input.qty {
    text-align: center;
    padding: 0;
}

.add-to-cart-pdp button.single_add_to_cart_button.button.alt {
    background-color: transparent;
    color: inherit;
    font-weight: 500;
    border: 2px solid #9DE62A;
}

.add-to-cart-pdp button.single_add_to_cart_button.button.alt:hover {
    background-color: #3A6426;
    color: #fff;
    border: 2px solid #3A6426;
}

body.single-product.woocommerce table.shop_attributes {
    border: none!important;
    background-color: transparent !important;
}

body.single-product table.woocommerce-product-attributes.shop_attributes tbody tr, body.single-product table.woocommerce-product-attributes.shop_attributes tbody th, body.single-product table.woocommerce-product-attributes.shop_attributes tbody td {
    border: none!important;
    background-color: transparent!important;
}

body.single-product.woocommerce table.shop_attributes th {
    width: 75px!important;
    text-align: left!important;
    padding-left: 0px!important;
}

.single-product .wc-ppcp-product-payments__container.bottom {
    z-index: 0;
    position: relative;
}

/* ---- WISHLIST ---- */
span.yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

table.item-details-table tbody>tr:nth-child(odd)>td,
table.item-details-table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

table.item-details-table tbody tr:hover>td,
table.item-details-table tbody tr:hover>th {
    background-color: transparent;
}

.woocommerce-wishlist .wishlist_table .product-add-to-cart a {
    display: flex;
    margin: 0!important;
    border: 2px solid var(--e-global-color-accent);
    color: var(--e-global-color-text);
    width: fit-content;
    padding: 8px 16px;
    border-radius: 4px;
}

.woocommerce-wishlist .wishlist_table .product-add-to-cart a:hover {
    border: 2px solid var(--e-global-color-accent);
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-text);
}

.woocommerce-wishlist .wishlist_table.modern_grid li .item-details .product-add-to-cart {
    display: flex !important;
    justify-content: flex-end!important;
}

.woocommerce-wishlist .wishlist_table.modern_grid li .item-details h3 {
    font-size: 1.45rem;
}

.content.mini.yith-wcw-items-widget:hover div.list {
    display:  none;
}

/* ---- WOOCOMMERCE ---- */
/* ---- ARCHIVE ---- */
.elementor-widget-woocommerce-archive-description h2 {
    font-size: 2rem;
}

.auf-anfrage-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 999;
    color: #e6a12a;
    font-size: 14px;
    font-weight: 700;
    pointer-events: none;
}

/* Label op PDP */

.auf-anfrage-pdp-label {
    color: #e6a12a;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 15px;
}

.elementor-page-7208 ul.products.elementor-grid li.product-category:has(a[href*="uncategorized"]) {
    display: none;
    pointer-events: none;
}

/* ---- Filtering hiden ---- */
.elementor-widget-jet-smart-filters-checkboxes.jet-filter-items-empty,
.elementor-widget-jet-smart-filters-range.jet-filter-items-empty,
.elementor-widget-jet-smart-filters-select.jet-filter-items-empty {
    display: none !important;
}

.elementor-widget-jet-smart-filters-checkboxes:has(> .elementor-widget-container > .jet-smart-filters-checkboxes[style*="display: none"]) {
    display: none !important;
}

.archive-desc_shorten .term-description {
    max-height: 120px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.archive-desc_shorten .term-description::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(transparent, #f0f7ee);
    transition: opacity 0.4s ease;
}

/*.archive-desc_shorten .term-description.is-open {*/
/*    max-height: 2000px;*/
/*}*/

.archive-desc_shorten .term-description.is-open::after {
    opacity: 0;
    pointer-events: none;
}

.archive-desc_shorten .read-more-wrapper {
    text-align: left;
    margin-top: 10px;
}

.archive-desc_shorten .read-more-trigger {
    background: none;
    border: none;
    color: #10170C;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.archive-desc_shorten .read-more-trigger:hover,
.archive-desc_shorten .read-more-trigger:focus {
    background-color: transparent;
    border: none;
    color: #10170C;
}

.archive-desc_shorten .read-more-trigger::after {
    content: ' ▼'; /* Pijltje omlaag */
    font-size: 12px;
    margin-left: 5px;
}

.archive-desc_shorten .term-description.is-open + .read-more-wrapper .read-more-trigger::after {
    content: ' ▲'; /* Pijltje omhoog */
}

/* ---- WOOCOMMERCE ---- */
/* ---- CART ---- */

.woocommerce-cart .woocommerce-info {
    border: none;
}

.woocommerce-cart .cart-empty.woocommerce-info::before {
    display: none !important;
}

.woocommerce-cart .cart-empty.woocommerce-info {
    color: #10170c;
    font-family: 'Cabin';
    padding: 1em 2em;
    border-radius: 4px;
}

.woocommerce-cart a.button.wc-backward {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
    border-style: solid;
    border-color: var(--e-global-color-accent);
    border-radius: 4px 4px 4px 4px;
    padding: 8px 16px;
    border-width: 2px;
    font-size: var(--e-global-typography-primary-font-size);
    line-height: var(--e-global-typography-primary-line-height);
}

.woocommerce-cart a.button.wc-backward:hover {
    background-color: var( --e-global-color-e610375 )!important;
    border-color: var( --e-global-color-e610375 )!important;
}

.woocommerce-cart .woocommerce-message {
    display: none;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 1.3em !important;
    font-family: 'Josefin Sans' !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.cart-collaterals h2.mm-cart-title {
    margin-bottom: 0px !important;
}

.cart-collaterals p.mm-cart-subtitle, .mm-cart-legal, .mm-cart-legal a {
    font-family: 'Cabin' !important;
    font-size: 12px;
}

.cart-collaterals ul li span {
    font-family: 'Cabin';
}

.cart-collaterals .mm-cart-legal {
    padding: 20px 0 30px 0;
}

.cart-collaterals .cart_totals li.elementor-icon-list-item:not(:last-child) {
    padding-bottom: 5px;
}

/* ---- WOOCOMMERCE ---- */
/* ---- CHECKOUT ---- */

.woocommerce-checkout button.woocommerce-button.button.woocommerce-form-login__submit.e-woocommerce-form-login-submit {
    background-color: #FFF0;
    color: var(--e-global-color-text);
    border-style: solid;
    border-color: var(--e-global-color-accent);
    border-radius: 4px 4px 4px 4px;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: var(--e-global-typography-primary-text-transform);
    font-style: var(--e-global-typography-primary-font-style);
    text-decoration: var(--e-global-typography-primary-text-decoration);
    line-height: var(--e-global-typography-primary-line-height);
    padding: 8px 16px;
}

.woocommerce-checkout button.woocommerce-button.button.woocommerce-form-login__submit.e-woocommerce-form-login-submit:hover {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-text);
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .e-checkout-secondary-title {
    color: #10170c;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .e-description {
    color: #10170c;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce-form__label-for-checkbox span {
    color: #10170C;
    font-weight: 400;
}

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row label,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row label,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row label {
    color: #10170C!important;
}

.woocommerce-checkout p#shipping_address_2_field {
    pointer-events: none!important;
    display: none!important;
}

.mm-cart-legal a {
    color: #9de62a !important;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page {
    font-family: 'Cabin';
}

h3#ship-to-different-address span {
    font-size: var(--e-global-typography-696d5a3-font-size) !important;
    color: #10170c !important;
    font-weight: 700 !important;
}

.elementor-widget-woocommerce-checkout-page #ship-to-different-address {
    padding-inline-start: var(--shipping-heading-padding-start, 0px)!important;
}

span.woocommerce-terms-and-conditions-checkbox-text {
    color: #10170C !important;
}

.woocommerce-checkout label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text, p.mc4wp-checkbox.mc4wp-checkbox-woocommerce.form-row.form-row-wide span {
    font-size: 12px!important;
    font-weight: 400!important;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody span.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol::after, .woocommerce-cart .e-shop-table.e-cart-section span.woocommerce-Price-currencySymbol::after {
    content: "*";
}

.woocommerce-checkout .e-coupon-anchor {
    display: block !important;
}

.woocommerce-checkout .e-coupon-box .e-coupon-nudge {
    display: none !important;
}

.woocommerce-checkout .e-coupon-anchor form.woocommerce-form-coupon {
    display: block !important;
}

.woocommerce-checkout p.e-woocommerce-coupon-nudge.e-checkout-secondary-title {
    display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table small {
    color: #10170c;
    font-family: 'Josefin Sans';
    font-size: inherit;
    font-weight: 700;
}

.elementor-widget-woocommerce-cart .woocommerce #shipping_method li label {
    color: #10170c!important;
    font-weight: 700!important;
}

.woocommerce-checkout label .mollie-gateway-icon {
    max-height: 17.5px !important;
    margin-top: 0px !important;
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-total {
    vertical-align: middle !important;
}

button.button.ywgc_apply_gift_card_button, button.woocommerce-button.button.e-apply-coupon {
    background-color: #FFFFFF00 !important;
    color: #10170c !important;
    border: 2px solid #9de62a !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
    font-family: 'Cabin';
}

button.button.ywgc_apply_gift_card_button:hover, button.woocommerce-button.button.e-apply-coupon:hover {
    background-color: #9de62a !important;
}

.woocommerce-checkout .e-checkout__column.e-checkout__column-end th, .woocommerce-checkout .e-checkout__column.e-checkout__column-end td, .woocommerce-checkout .e-checkout__column.e-checkout__column-end p, .woocommerce-checkout .e-checkout__column.e-checkout__column-end label {
    color: #10170c !important;
    font-family: 'Cabin';
}

button.button.ywgc_apply_gift_card_button {
    background-color: #FFFFFF00 !important;
    color: #10170c !important;
    border-style: solid !important;
    border-color: #9de62a !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
}

.woocommerce-checkout .ywgc_have_code, .woocommerce-checkout p.e-woocommerce-coupon-nudge.e-checkout-secondary-title, .woocommerce-checkout .woocommerce-privacy-policy-text p {
    font-family: 'Cabin';
}

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page a {
    color: var(--e-global-color-primary) !important;
    font-size: inherit;
}

.woocommerce-checkout .checkout-product-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.woocommerce-checkout .checkout-product-img img {
    border-radius: 8px;
    border: 1px solid #eee;
}

.woocommerce-checkout .e-checkout__column.e-checkout__column-start .col-1 {
    border: none !important;
}

/* 1. Algemene container instellingen - Alleen voor tekstvelden */
.woocommerce-checkout .form-row:not(#billing_country_field):not(#billing_state_field):not(.form-row-select):not(#shipping_address_2_field) {
    position: relative;
    padding-top: 12px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* 2. Label in ruststand - Alleen voor tekstvelden */
.woocommerce-checkout .form-row:not(#billing_country_field):not(#billing_state_field):not(.form-row-select) label {
    /*position: absolute;*/
    top: 28px; 
    left: 15px;
    font-size: 14px;
    color: #999;
    transition: all 0.2s ease-in-out;
    /*pointer-events: none; */
    z-index: 10;
    background: transparent;
    line-height: 1;
}

/* 3. Het label wanneer het veld actief is - Alleen voor tekstvelden */
.woocommerce-checkout .form-row.wrapper-active:not(#billing_country_field):not(#billing_state_field) label,
.woocommerce-checkout .form-row.woocommerce-validated:not(#billing_country_field):not(#billing_state_field) label {
    top: 4px; 
    left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    background: transparent; 
    padding: 0 5px;
    z-index: 11;
}

/* 4. Input veld styling - Alleen voor tekstvelden */
.woocommerce-checkout .form-row:not(#billing_country_field):not(#billing_state_field) input.input-text,
.woocommerce-checkout .form-row:not(#billing_country_field):not(#billing_state_field) textarea {
    height: 52px !important;
    padding: 15px 15px 5px 15px !important; 
    border: 1px solid #d5d8dc !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box;
}

/* 5. VERBETERDE FIX VOOR DROPDOWNS (Select2) */

/* Forceer labels boven Select2 velden */
#billing_country_field, #shipping_country_field, 
#billing_state_field, #shipping_state_field {
    display: flex !important;
    flex-direction: column !important;
}

#billing_country_field label, #shipping_country_field label {
    position: static !important;
    transform: none !important;
    margin-bottom: 8px !important;
    order: -1 !important;
}

/* De container van de dropdown zelf */
.select2-container--default .select2-selection--single {
    height: 52px !important; 
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #fff !important;
}

/* De tekst binnen de dropdown (bijv. "Niederlande") */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px !important;
    padding-left: 15px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    color: #10170c !important;
    display: block !important;
}

/* Het pijltje aan de rechterkant */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px !important;
    top: 0 !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
}

/* 6. Verberg overlapping placeholders */
.woocommerce-checkout .form-row:not(#billing_country_field):not(#billing_state_field) input::placeholder {
    color: transparent !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
    background-color: transparent !important;
    border: none!important;
}

.woocommerce-checkout .e-checkout__column.e-checkout__column-end .e-checkout__column-inner.e-sticky-right-column {
    background-color: #f5f5f5!important;
    border-radius: 4px!important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order {
    font-family: "Montserrat", Sans-serif!important;
    font-size: 1rem!important;
    font-weight: bold!important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-accent)!important;
    background-color: var(--e-global-color-accent)!important;
    color: #10170c!important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order:hover {
    border-color: #8bca27!important;
    background-color: #8bca27!important;
    color: #10170c;
}

.woocommerce .col2-set, .woocommerce-page .col2-set .col-1 {
    padding-left: 0px !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce h3 {
    font-size: var(--e-global-typography-696d5a3-font-size)!important;
    color: #10170c!important;
}

.woocommerce-checkout.elementor-widget-woocommerce-checkout-page {;
    color: #10170c!important;
    font-family: 'Cabin'!important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields {
    display: none!important;
}

/* ---- WOOCOMMERCE ---- */
/* ---- PAYMENT DONE ---- */
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-family: 'Josefin Sans';
    font-size: 2.5em;
    color: var(--e-global-color-primary);
    font-weight: var(--e-global-typography-1055e39-font-weight);
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding-left: 0;
    margin-top: 25px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    font-family: 'Cabin';
    color: #10170c;
}

.woocommerce-order-received h2.woocommerce-order-details__title, .woocommerce-order-received h2.woocommerce-column__title {
    font-size: 2em;
}

.woocommerce-order-received  .woocommerce .woocommerce-customer-details address {
    border: none;
    padding-left: 0px;
    color: #10170c;
    font-family: 'Cabin';
}

.woocommerce-order-received  .woocommerce-table--order-details tfoot tr:first-child th::before,
.woocommerce-order-received  .woocommerce-table--order-details tfoot tr:first-child td::before {
    content: "";
    display: block;
    height: 20px;
}

.woocommerce-order-received  .woocommerce-table--order-details tfoot tr:not(:first-child) th::before,
.woocommerce-order-received  .woocommerce-table--order-details tfoot tr:not(:first-child) td::before {
    content: none !important;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
    font-family: 'Cabin';
    color: #10170c;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr {
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}

th.woocommerce-table__product-name.product-name,
th.woocommerce-table__product-table.product-total {
    font-size: 1.25em;
}

/* ---- WOOCOMMERCE ---- */
/* ---- MYACCOUNT ---- */
.woocommerce-MyAccount-content a.woocommerce-button.button.print-pro-forma-invoice {
    background-color: transparent !important;
    color: #10170c !important;
}

.woocommerce-MyAccount-content a.woocommerce-button.button.print-pro-forma-invoice:hover {
    color: var( --e-global-color-primary ) !important;
}

.woocommerce-MyAccount-content a.woocommerce-button.button.view {
    background-color: transparent !important;
    color: #10170c !important;
    border: 2px solid var(--tables-links-normal-color,#5bc0de) !important;
}

.woocommerce-MyAccount-content a.woocommerce-button.button.view:hover {
    background-color: var(--tables-links-normal-color,#5bc0de) !important;
}

.woocommerce-account .woocommerce-MyAccount-content-wrapper p, .woocommerce-account .woocommerce-Address {
    font-family: 'Cabin';
    font-size: 16px;
}

.woocommerce-account .woocommerce-address-fields input, .woocommerce-account .woocommerce-MyAccount-content input, .woocommerce-account span.select2 {
    border-radius: 4px !important;
}

.woocommerce-account .elementor-widget-woocommerce-my-account {
    border: none !important;
    padding: 0px !important;
}

.woocommerce-account .woocommerce-address-fields {
    padding: 0px !important;
}

.woocommerce-MyAccount-content h2 {
    font-size: var(--e-global-typography-3221bf1-font-size);
    font-weight: 700 !important;
}

.woocommerce-account .u-columns.woocommerce-Addresses.col2-set.addresses address {
    padding-left: 0;
}

.woocommerce-account header.woocommerce-Address-title.title a {
    margin-left: 0px !important;
}

.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .woocommerce-account a.woocommerce-Button.wc-forward.button {
    background-color: transparent;
    color: #10170c !important;
    font-weight: 500;
    border: 2px solid #9DE62A!important;
    padding: .618em 1em;
    border-radius: 3px;
}

.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .woocommerce-account a.woocommerce-Button.wc-forward.button:hover {
    background-color: #9DE62A !important;
    color: #10170c !important;
}

.woocommerce-account .woocommerce-info {
    background-color: transparent;
    border: 1px solid #10170c;
    border-radius: 3px;
}

.woocommerce-account .woocommerce-info::before {
    color: #9DE62A;
}

/* ---- NACH MASS ---- */
.gotrgf_summary_wrapper {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 300px!important;
    z-index: 10!important;
    height: fit-content!important;
}

/* ---- CONTACT ---- */
.gform_next_button.gform-theme-button {
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-text) !important;
    border-style: solid !important;
    border-color: var(--e-global-color-accent) !important;
    border-radius: 4px 4px 4px 4px !important;
}

.gform_next_button.gform-theme-button:hover {
    background-color: transparent !important;
}

.gform_previous_button.gform-theme-button {
    background-color: #FFFFFF00!important;
    color: var(--e-global-color-text)!important;
    border-style: solid!important;
    border-color: var(--e-global-color-accent)!important;
    border-radius: 4px 4px 4px 4px!important;
    padding: 8px 16px 8px 16px!important;
}

.gform_previous_button.gform-theme-button:hover {
    background-color: var(--e-global-color-accent)!important;
    color: var(--e-global-color-text)!important;
    border-style: solid!important;
    border-color: var(--e-global-color-accent)!important;
    border-radius: 4px 4px 4px 4px!important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
    color: #3a6246!important;
}

button.gform_button_select_files.gform-theme-button {
    background-color: #eee!important;
    fill: var(--e-global-color-primary)!important;
    color: var(--e-global-color-primary)!important;
    border-style: solid!important;
    border-color: #eee!important;
}

button.gform_button_select_files.gform-theme-button:hover {
    background-color: var(--e-global-color-accent)!important;
    color: #10170c!important;
}

div#gotrgf_form_container_2 .gform-theme--foundation .gform_page_footer {
    justify-content: space-between;
}

div#gotrgf_form_overview_container_2 {
    padding: 4%;
}

.gotrgf_form_overview_container>.gotrgf_summary_title {
    border-bottom: 1px dashed #10170c;
}

.gotrgf_summary_lines .gotrgf_summary_line {
    padding: 10px 0;
    border-bottom: 1px dotted #c0c0c0;
}

/* ---- ZUT ---- */
p.gform_required_legend {
    display: none;
}

:target {
    scroll-margin-top: 225px;
}

[id] {
    scroll-margin-top: 225px;
}

.faq-tabs .e-n-tab-title h2 {
    color: #1f2124 !important;
    font-weight: 400!important;
}

.faq-tabs .e-n-tab-title:hover h2 {
    color: #ffffff !important;
}

.faq-tabs .e-n-tab-title[aria-selected="true"] h2 {
    color: #ffffff !important;
    font-weight: 700!important;
}

/* ---- FOOTER ---- */
.elementor-location-footer a:hover, .elementor-location-footer a:hover span.elementor-icon-list-text {
    color: #9DE62A !important;
}

/* ---- RESPONSIVE ---- */
/* ---- TAB + DESK ---- */
@media screen and (min-width:768px) {

.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name
 {
    max-width: 225px !important;
    padding-inline-end: 15px!important;
    vertical-align: middle!important;
}

/* Zorg dat de afbeelding en tekst naast elkaar staan en verticaal gecentreerd zijn */
.woocommerce-checkout-review-order-table .product-name {
    display: flex !important;
    align-items: center !important; /* Verticaal centreren */
    gap: 5px; /* Ruimte tussen foto en tekst */
    text-align: left !important;
}

/* Voorkom dat de afbeelding vervormt of te klein wordt */
.checkout-product-img {
    flex-shrink: 0 !important; /* Zorg dat de foto niet wordt ingedrukt */
    display: block;
}

/* Zorg dat de subtotalen in de tabel ook verticaal gecentreerd staan */
.woocommerce-checkout-review-order-table td {
    vertical-align: middle !important;
}

/* Optioneel: Ruimte onder de productnaam (quantity) fixen */
.woocommerce-checkout-review-order-table .product-name strong.product-quantity {
    display: inline-block;
    margin-left: 5px;
}

}

/* ---- RESPONSIVE ---- */
/* ---- TAB + MOB ---- */
@media screen and (max-width:1024px) {

.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item {
    padding: 4%;
}

.woocommerce-cart table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.actions {
    padding: 4%;
}

}

/* ---- RESPONSIVE ---- */
/* ---- MOB ---- */
@media screen and (max-width:767px) {

.usp-section .elementor-main-swiper a {
    font-size: inherit;
    color: #fff;
    line-height: 1.2em;
    font-weight: 500;
}

}

/* ---- JET MENU ---- */
/* ---- DROPDOWN MENU ---- */
.jet-mega-menu-mega-container {
    width: 1200px !important;
}

.jet-mega-menu-mega-container .elementor-element {
    margin: 0 !important;
}

.jet-mega-menu-item__desc, .jet-custom-item-desc {
    display: none !important;
}

.jet-mega-menu-mega-container__inner, .jet-custom-nav__mega-sub {
    background: rgba(0,0,0,0.0) !important;
    box-shadow: none !important;
}

.jet-mobile-menu .jet-dropdown-arrow svg {
    width: 8px;
}

.jet-mobile-menu__back svg:not([width]) {
    min-width: 12px !important;
}

.jet-custom-nav__mega-sub {
    margin-left: 16px;
}












//* ==========================================================================
   RANA TERRARIA - LOGIN & REGISTRATIE 2026 UX (ULTIMATE FIX)
   ========================================================================== */

/* --- 0. De WooCommerce Clearfix hack verwijderen --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login::before,
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login::after {
    display: none !important;
    content: none !important;
}

/* --- 1. Hoofdcontainer flexibel en naast elkaar --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* --- 2. De twee losse kaarten (Aanmelden & Registreren) --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login .u-column1,
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login .u-column2 {
    width: 45% !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
    min-width: 300px !important;
    background: #ffffff !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
    float: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important;
}

/* --- 3. Typografie & Koppen --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login h2 {
    font-family: "Josefin Sans", sans-serif !important;
    color: #3A6426 !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid rgba(58,100,38,0.1) !important;
    padding-bottom: 12px !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login label {
    font-family: "Cabin", sans-serif !important;
    color: #10170C !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login label .required {
    color: #FF4D4D !important;
}

/* --- 4. Input Velden --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login input.input-text {
    border: 1px solid #EBEBEB !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-family: "Cabin", sans-serif !important;
    background: #FAFAFA !important;
    width: 100% !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login input.input-text:focus {
    outline: none !important;
    border-color: #3A6426 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(58, 100, 38, 0.1) !important;
}

/* Oogje icoon in wachtwoord veld */
body.woocommerce-account .password-input {
    display: block !important;
}
body.woocommerce-account .show-password-input::after {
    color: #3A6426 !important;
}

/* --- 5. Knoppen --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login button[type="submit"] {
    background-color: #3A6426 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: "Josefin Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 16px 24px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    width: 100% !important;
    margin-top: 16px !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login button[type="submit"]:hover {
    background-color: #9DE62A !important;
    color: #10170C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(157, 230, 42, 0.35) !important;
}

/* --- 6. Remember Me, Links & Uitlijning --- */
body.woocommerce-account form.login, 
body.woocommerce-account form.register {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

body.woocommerce-account form.register p:last-child {
    margin-top: auto !important;
}

body.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
}

body.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
    accent-color: #3A6426 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

body.woocommerce-account .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 24px !important;
}

body.woocommerce-account .woocommerce-LostPassword a {
    color: #888888 !important;
    font-family: "Cabin", sans-serif !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    transition: all 0.3s ease !important;
}

body.woocommerce-account .woocommerce-LostPassword a:hover {
    color: #3A6426 !important;
    text-decoration-color: #3A6426 !important;
}

/* --- 7. MOBIELE WEERGAVE FIXES --- */
@media (max-width: 768px) {
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login {
        flex-direction: column !important;
        gap: 24px !important;
    }
    
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login .u-column1,
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce .u-columns.col2-set#customer_login .u-column2 {
        min-width: 100% !important;
        width: 100% !important;
        padding: 24px 16px !important;
    }
}







/* ==========================================================================
   RANA TERRARIA - WUNSCHLISTE 2026 UX (YITH RESET & FIX)
   ========================================================================== */

/* --- 1. Algemene Wishlist Container --- */
form.yith-wcwl-form {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important;
    padding: 40px !important;
    border: 1px solid #EBEBEB !important;
    width: 100% !important;
}

/* Titel "Meine Wunschliste" */
.wishlist-title-container h2 {
    font-family: "Josefin Sans", sans-serif !important;
    color: #3A6426 !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid rgba(58,100,38,0.1) !important;
    padding-bottom: 12px !important;
}

/* --- 2. De "Product Cards" Lay-out --- */
ul.wishlist_table.modern_grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.wishlist_table.modern_grid li {
    background: #F9FDF8 !important; 
    border: 1px solid #E3EBE0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(58, 100, 38, 0.03) !important;
    overflow: hidden !important;
    width: calc(33.333% - 16px) !important; /* 3 kaarten naast elkaar */
    min-width: 250px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin: 0 !important;
}

ul.wishlist_table.modern_grid li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(58, 100, 38, 0.08) !important;
}

/* Reset de wrappers van YITH */
ul.wishlist_table.modern_grid li .item-wrapper,
ul.wishlist_table.modern_grid li .item-details-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

/* --- 3. Product Afbeelding (FIXES) --- */
/* Verwijder het witte vlak (YITH hover overlay) */
.wishlist_table.modern_grid.wishlist_view li .item-details::before,
.wishlist_table.modern_grid.wishlist_view li .item-details:before {
    display: none !important;
    content: none !important;
}

ul.wishlist_table.modern_grid li .product-thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; /* Vaste hoogte eraf */
    background: #ffffff !important;
    border-bottom: 1px solid #E3EBE0 !important;
    display: block !important;
    padding: 0 !important; /* Padding eraf voor volle breedte */
    box-sizing: border-box !important;
    position: relative !important;
}

ul.wishlist_table.modern_grid li .product-thumbnail a {
    display: block !important;
    width: 100% !important;
}

ul.wishlist_table.modern_grid li .product-thumbnail img {
    width: 100% !important; /* Forceer over de hele breedte */
    max-width: 100% !important;
    height: auto !important; /* Behoud verhoudingen */
    display: block !important;
    margin: 0 !important;
    border-radius: 12px 12px 0 0 !important; /* Ronde hoekjes matchen met de kaart */
}

/* --- 4. Product Details & Teksten --- */
/* Hier schakelen we YITH's zwevende effect uit */
ul.wishlist_table.modern_grid li .item-details {
    position: static !important;
    transform: none !important;
    padding: 24px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}

ul.wishlist_table.modern_grid li .item-details h3.product-name {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    color: #10170C !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
    text-align: left !important;
}

/* Tabel met Prijs en Voorraad */
ul.wishlist_table.modern_grid li .item-details-table {
    width: 100% !important;
    margin-bottom: 24px !important;
    flex-grow: 1 !important;
    table-layout: auto !important;
}

ul.wishlist_table.modern_grid li .item-details-table td {
    padding: 4px 0 !important;
    font-family: "Cabin", sans-serif !important;
    font-size: 14px !important;
    color: #666 !important;
    border: none !important;
    background: transparent !important;
}

ul.wishlist_table.modern_grid li .item-details-table td.value {
    text-align: right !important;
    font-weight: 600 !important;
    color: #10170C !important;
}

ul.wishlist_table.modern_grid li .item-details-table td span.wishlist-in-stock {
    color: #3A6426 !important;
}

/* --- 5. Knoppen & Prullenbakje --- */
ul.wishlist_table.modern_grid li .product-add-to-cart {
    margin-top: auto !important;
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}

ul.wishlist_table.modern_grid li .product-add-to-cart a {
    background-color: #3A6426 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: "Josefin Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    padding: 12px 16px !important;
    border: none !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    white-space: normal !important; /* Voorkom dat knoptekst breekt */
}

ul.wishlist_table.modern_grid li .product-add-to-cart a:hover {
    background-color: #9DE62A !important;
    color: #10170C !important;
    box-shadow: 0 4px 15px rgba(157, 230, 42, 0.3) !important;
}

/* Het prullenbakje strak in de rechterbovenhoek dwingen */
ul.wishlist_table.modern_grid li .product-remove {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 99 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

ul.wishlist_table.modern_grid li .product-remove a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background-color: #FFF0F0 !important;
    color: #FF4D4D !important;
    font-size: 16px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

ul.wishlist_table.modern_grid li .product-remove a:hover {
    background-color: #FF4D4D !important;
    color: #FFFFFF !important;
    transform: scale(1.1) !important;
}

/* --- 6. MOBIELE WEERGAVE --- */
@media (max-width: 1024px) {
    ul.wishlist_table.modern_grid li {
        width: calc(50% - 12px) !important; /* 2 kaarten naast elkaar op tablet */
    }
}

@media (max-width: 768px) {
    form.yith-wcwl-form {
        padding: 24px 16px !important;
    }
    
    ul.wishlist_table.modern_grid li {
        width: 100% !important; /* 1 kaart op mobiel */
    }
}

/* --- Maak de geforceerde breedte ongedaan --- */
ul.wishlist_table.modern_grid li .item-wrapper,
ul.wishlist_table.modern_grid li .item-details-wrapper {
    width: auto !important;
}

/* --- Voorkom dat de titel achter het prullenbakje valt --- */
ul.wishlist_table.modern_grid li .item-details h3.product-name {
    padding-right: 45px !important; /* Creëert een veilige zone voor het icoontje */
}






/* ==========================================================================
   RANA TERRARIA - MEIN KONTO 2026 UX (RELOADED V2)
   ========================================================================== */

/* --- 1. Navigatie Tabs (Pill-shape menu) --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 0 32px 0 !important;
    border: none !important;
    list-style: none !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a {
    display: inline-block !important;
    background-color: #F4F7F2 !important;
    color: #3A6426 !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
}

/* Actieve tab & hover effect */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #3A6426 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(58, 100, 38, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* UITLOGGEN KNOP DIFFERENTIATIE */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    background-color: #FFF0F0 !important;
    color: #FF4D4D !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #FF4D4D !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 77, 77, 0.2) !important;
}

/* --- 2. Content Container (De Witte Hoofdkaart) --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
    padding: 40px !important;
    border: 1px solid #EBEBEB !important;
    font-family: "Cabin", sans-serif !important;
    width: 100% !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content h3 {
    font-family: "Josefin Sans", sans-serif !important;
    color: #3A6426 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid #F4F7F2 !important;
    padding-bottom: 12px !important;
}

/* --- 3. Adres Blokken (Grid Layout) --- */
/* VERNIETIG CLEARFIX PSEUDO-ELEMENTEN DIE HET GRID VERSTOREN */
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses::before,
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses::after {
    display: none !important;
    content: none !important;
}

/* Forceer het 50/50 grid */
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    width: 100% !important;
    margin-top: 24px !important;
}

/* Factuur & Afleveradres kaarten (Achtergrond terugplaatsen) */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-Address,
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-column1,
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-column2 {
    background: #F9FDF8 !important;
    border: 1px solid #E3EBE0 !important;
    border-radius: 12px !important;
    padding: 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
}

/* --- Fix voor overlappende teksten in adresblok --- */

/* Maak van de header een nette kolom */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-Address header.title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
}

/* De kop (Rechnungsadresse) */
body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-Address header.title h2 {
    margin-bottom: 8px !important;
    border-bottom: none !important; /* Lijntje halen we hier weg... */
}

/* De "Bewerken" link (Fix voor de overlap!) */
body.woocommerce-account .elementor-widget-woocommerce-my-account header.title a.edit {
    position: static !important; /* DIT IS DE FIX: haalt hem uit de zwevende modus */
    float: none !important;
    display: inline-block !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 700 !important;
    color: #3A6426 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border-bottom: 2px solid #9DE62A !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account header.title a.edit:hover {
    color: #10170C !important;
    border-bottom-color: #3A6426 !important;
}

/* --- 4. Tabellen (Voor Bestelgeschiedenis) --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account table.shop_table {
    border-collapse: collapse !important;
    width: 100% !important;
    border: none !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account table.shop_table th {
    background: transparent !important;
    color: #888888 !important;
    border-bottom: 2px solid #F0F4EF !important;
    font-family: "Josefin Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    text-align: left !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account table.shop_table td {
    background: transparent !important;
    border-bottom: 1px solid #E3EBE0 !important;
    padding: 16px !important;
    vertical-align: middle !important;
    font-family: "Cabin", sans-serif !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account table.shop_table td .button {
    background: #3A6426 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    border: none !important;
    padding: 8px 16px !important;
    font-family: "Josefin Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

body.woocommerce-account .elementor-widget-woocommerce-my-account table.shop_table td .button:hover {
    background: #9DE62A !important;
    color: #10170C !important;
}

/* --- 5. Mobiele Weergave --- */
@media (max-width: 768px) {
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
        padding: 24px 16px !important;
    }
    
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
        flex-direction: column !important;
    }
    
    body.woocommerce-account .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a {
        text-align: center !important;
    }
    
    body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses {
        grid-template-columns: 1fr !important; /* Dwing 1 kolom op mobiel */
    }
}


/* --- Fix voor het "box-in-a-box" effect bij adressen --- */
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses .u-column1 address,
body.woocommerce-account .elementor-widget-woocommerce-my-account .u-columns.woocommerce-Addresses .u-column2 address {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin-top: 16px !important;
}

/* Zorg dat de edit-link geen rare achtergrond of padding erft */
body.woocommerce-account .elementor-widget-woocommerce-my-account header.title a.edit {
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
}





//* ==========================================================================
   RANA TERRARIA - CHECKOUT 2026 UX (MASTER CSS)
   ========================================================================== */

/* --- 1. ALGEMENE TYPOGRAFIE & LABELS --- */
body.woocommerce-checkout .woocommerce form .form-row label {
    font-family: "Cabin", sans-serif !important;
    color: #10170C !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

body.woocommerce-checkout .woocommerce form .form-row .required {
    color: #FF4D4D !important;
    text-decoration: none !important;
}

/* --- 2. INPUT VELDEN (Factuur & Verzending) --- */
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea {
    background-color: #FAFAFA !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-family: "Cabin", sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #10170C !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus {
    border-color: #3A6426 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(58, 100, 38, 0.1) !important;
    outline: none !important;
}

/* --- 3. RECHTER KOLOM: BESTELOVERZICHT (De Card) --- */
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .e-checkout__column-end .e-checkout__column-inner {
    background-color: #F9FDF8 !important; /* Licht Rana groen/wit */
    border: 1px solid #E3EBE0 !important;
    border-radius: 16px !important;
    padding: 32px !important;
    box-shadow: 0 8px 30px rgba(58, 100, 38, 0.04) !important;
}

/* Titel "Bestellung" */
body.woocommerce-checkout #order_review_heading {
    font-family: "Josefin Sans", sans-serif !important;
    color: #3A6426 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid rgba(58,100,38,0.1) !important;
    padding-bottom: 12px !important;
}

/* --- 4. DE PRODUCT TABEL --- */
body.woocommerce-checkout table.shop_table {
    border: none !important;
    border-collapse: collapse !important;
}

body.woocommerce-checkout table.shop_table thead th {
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
}

body.woocommerce-checkout table.shop_table tfoot th {
    text-transform: none !important;
    font-size: 1rem !important;
}

body.woocommerce-checkout table.shop_table th {
    border-bottom: 2px solid #EBEBEB !important;
    padding-bottom: 12px !important;
    font-family: "Josefin Sans", sans-serif !important;
    color: #10170C !important;
}

body.woocommerce-checkout table.shop_table td {
    border-bottom: 1px solid #EBEBEB !important;
    padding: 16px 0 !important;
    vertical-align: middle !important;
}

body.woocommerce-checkout table.shop_table tfoot th,
body.woocommerce-checkout table.shop_table tfoot td {
    padding: 16px 0 !important;
}

body.woocommerce-checkout table.shop_table .order-total th,
body.woocommerce-checkout table.shop_table .order-total td {
    border-top: 2px dashed #E3EBE0 !important;
    color: #3A6426 !important;
}

body.woocommerce-checkout table.shop_table .order-total .woocommerce-Price-amount {
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

/* --- 5. BETAALMETHODEN (Cards & Logo Fixes) --- */
body.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
}

/* De betaalmethode kaarten */
body.woocommerce-checkout #payment ul.payment_methods li {
    background: #ffffff !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    list-style: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

body.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked) {
    border-color: #3A6426 !important;
    box-shadow: 0 4px 15px rgba(58,100,38,0.08) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    accent-color: #3A6426 !important;
    transform: scale(1.2) !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

/* Tekst links, logo rechts */
body.woocommerce-checkout #payment ul.payment_methods li label {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(100% - 30px) !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-weight: 700 !important;
}

/* Fix voor alle betaallogo's (inclusief PayPal & Mollie) */
body.woocommerce-checkout #payment ul.payment_methods li label img {
    height: 22px !important; 
    max-height: 22px !important;
    width: auto !important;
    max-width: 90px !important;
    object-fit: contain !important;
    margin: 0 0 0 16px !important; 
    display: block !important;
}

/* Uitklapbaar betaalinfo vlak (bijv. bankgegevens) */
body.woocommerce-checkout #payment div.payment_box {
    background-color: #F4F7F2 !important;
    color: #10170C !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 16px !important;
    border: 1px solid #E3EBE0 !important;
    box-shadow: none !important;
    width: 100% !important;
}
body.woocommerce-checkout #payment div.payment_box::before { display: none !important; }

/* Specifieke fix om de PayPal tekst en logo uit elkaar te trekken (Tekst links, Logo rechts) */
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp label {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: calc(100% - 30px) !important; /* Ruimte overlaten voor de radiobutton */
}

/* Zorg dat de radiobutton zelf niet onbedoeld wordt uitgerekt */
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp input[type="radio"] {
    flex-shrink: 0 !important;
}

/* --- 6. DE GROTE BESTELKNOP (Elementor Override) --- */
body.woocommerce-checkout #payment #place_order {
    background-color: #3A6426 !important;
    border: 2px solid #3A6426 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: "Josefin Sans", sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 18px 24px !important;
    box-shadow: 0 4px 15px rgba(58,100,38,0.2) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    cursor: pointer !important;
}

body.woocommerce-checkout #payment #place_order:hover {
    background-color: #9DE62A !important;
    border-color: #9DE62A !important;
    color: #10170C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(157, 230, 42, 0.4) !important;
}

/* --- 7. KORTINGSCODE (De Elementor Grid Fix) --- */
/* Target de specifieke Elementor coupon container grid */
body.woocommerce-checkout .e-coupon-box .coupon-container-grid {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important; 
    align-items: stretch !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
}

body.woocommerce-checkout .e-coupon-box .coupon-col-1 {
    flex: 1 !important; 
    width: auto !important;
}

body.woocommerce-checkout .e-coupon-box .coupon-col-2 {
    flex: 0 0 auto !important; 
    width: auto !important;
}

/* Invoerveld kortingscode */
body.woocommerce-checkout .e-coupon-box input#coupon_code {
    height: 52px !important;
    min-height: 52px !important;
    background-color: #ffffff !important; 
    border: 1px solid #d5d8dc !important;
    border-radius: 4px !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    color: #10170C !important;
    font-family: "Cabin", sans-serif !important;
    font-size: 1rem !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .e-coupon-box input#coupon_code:focus {
    border-color: #9DE62A !important;
    outline: none !important;
}

/* Huisstijl Knop Kortingscode (Transparant + Groene Rand) */
body.woocommerce-checkout .e-coupon-box button.e-apply-coupon {
    height: 52px !important;
    min-height: 52px !important;
    background-color: transparent !important;
    color: #10170C !important;
    border: 2px solid #9DE62A !important;
    border-radius: 4px !important;
    padding: 0 24px !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

body.woocommerce-checkout .e-coupon-box button.e-apply-coupon:hover {
    background-color: #9DE62A !important;
    color: #10170C !important;
}

/* Mobiele optimalisatie kortingscode */
@media (max-width: 768px) {
    body.woocommerce-checkout .e-coupon-box .coupon-container-grid {
        flex-direction: column !important;
        gap: 12px !important;
    }
}

/* --- 8. ANDER ADRES & VOORWAARDEN --- */
body.woocommerce-checkout h3#ship-to-different-address {
    display: flex !important;
    align-items: center !important;
    border-top: 2px dashed #EBEBEB !important;
    padding-top: 24px !important;
    margin-top: 24px !important;
}

body.woocommerce-checkout h3#ship-to-different-address label {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    cursor: pointer !important;
}

body.woocommerce-checkout h3#ship-to-different-address label span {
    font-size: 1.1rem !important; 
    font-family: "Josefin Sans", sans-serif !important;
    color: #3A6426 !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout h3#ship-to-different-address input[type="checkbox"] {
    accent-color: #3A6426 !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 12px !important;
    position: relative !important;
    top: 0 !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .mc4wp-checkbox {
    background: #ffffff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #EBEBEB !important;
    margin-bottom: 16px !important;
    display: block !important;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    accent-color: #3A6426 !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
}

/* ==========================================================================
   FIX: PAYPAL SPECIFIEKE UITLIJNING
   ========================================================================== */

/* 1. Vernietig álle onzichtbare pseudo-elementen in de PayPal rij en het label */
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp::before,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp::after,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp label::before,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp label::after {
    display: none !important;
    content: none !important;
}

/* 2. Forceer de ruimteverdeling: Tekst helemaal links, logo helemaal rechts */
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp label {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-grow: 1 !important;
    width: calc(100% - 30px) !important; /* Houdt rekening met de radiobutton */
}

/* 3. Dwing het PayPal logo in exact dezelfde afmeting als de Mollie logo's */
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_ppcp label img {
    margin-left: auto !important; /* Duwt hem extra stevig naar rechts */
    height: 22px !important;
    max-height: 22px !important;
    width: auto !important;
    display: block !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #9de62a !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background-color: #3a6426 !important;
    color: #fff !important;
    border-color: #3a6426 !important;
}








/* =====  Menu styling ===== */
.main-navigation .elementor-grid {
    grid-column-gap: 48px !important;
    grid-row-gap: 48px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media screen and (max-width:1024px) {
    .elementor-grid-tablet-3 .elementor-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    
    .woocommerce-loop-category__title {
        font-size: 0.8rem !important;
        overflow-wrap: break-word;
    }
    
    #jet-mobile-menu-item-4975 {
    display: none;
    }
    
    .jet-mega-menu.jet-mega-menu--layout-dropdown.jet-mega-menu--dropdown-layout-default .jet-mega-menu-container {
    left: 0 !important;
    max-width: 660px !important;
    width: 660px !important;
    }
    
    .elementor-kit-6 a {
        color: #000000;
    }
    
    .jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-list .jet-mega-menu-mega-container, .jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-list .jet-mega-menu-sub-menu {
        width: inherit !important;
    }
}

@media screen and (max-width:768px) {
    .elementor-grid-tablet-3 .elementor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .jet-mega-menu.jet-mega-menu--layout-dropdown.jet-mega-menu--dropdown-layout-default .jet-mega-menu-container {
    max-width: 430px !important;
    width: 430px !important;
    }
}/* End custom CSS */