/*
Theme Name: Sellabees child
Theme URL: https://sellabees.nl/
Description: Sellabees theme
Author: Sellabees
Author URL: https://sellabees.nl/
Template: Divi
Version: 3.0
Text Domain: Sellabees-child
*/ 

/* knop hover */
body #page-container #et-boc .et_pb_section .et_pb_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:hover, body #page-container #et-boc .et_pb_section .et_pb_button_0:hover, body #page-container #et-boc .et_pb_section .et_pb_button_1:hover, body #page-container #et-boc .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:hover, body #page-container #et-boc .et_pb_section:not(.opt-in) .et_pb_button:hover, body #page-container #et-boc .et_pb_section .et_pb_button_0:hover {
    letter-spacing: 0px !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}

/* tekst 'jaartal + sitenaam'*/
#footer-info {
    color: white !important;
}
/* tekst 'SmitPRO dé website bouwer | Privacybeleid | Algemene voorwaarden'*/
#footer-info a {
    color: white !important;
}
/* inlog knop */
input#wp-submit {
    width: 100%;
	background-color: #0f4053;
}
/* Terug naar 'sitenaam' knop */
p#backtoblog {
    display: none;
}
/* achtergrond van de login pagina */
body.login {
	background-image: url("");
	background-color: #f2f2f2;
	background-position: center center;
}

/* login form */
#login form#loginform, #login form#registerform, #login form#lostpasswordform {
    padding: 26px 24px 46px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 50px rgba(2,2,2,0.3);
}

/* mobile menu */
.et_mobile_menu .menu-item-has-children {
    position: relative !important;
}

@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        overflow-y: auto !important;
        max-height: 80vh;
        padding-top: 0px;
        -webkit-overflow-scrolling: touch;
    }

    .et_mobile_menu .menu-item-has-children > ul.sub-menu {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children > a:after {
    font-size: 20px;
    position: relative;
    display: inline-block;
    top: -5px;
    margin-left: 20px;
    vertical-align: middle;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item-has-children.visible > a:after {
	transform:rotate(180deg);
	top: 5px;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .menu-item > a {
    font-size: 16px;
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head > a {
    font-size: calc(16px - 4px);
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu > li > a {
    font-size: calc(16px - 3px); 
}

.et-db #et-boc .et-l .et_pb_menu #mobile_menu2 .sub-head ul.sub-menu li ul.sub-menu > li > a {
    font-size: calc(16px - 3px);
}

#footer-info, #footer-info a {
	color:white !important;
}

.contactFooter #footer-info, .contactFooter #footer-info a {
	color:white !important;
	text-align:start !important;
	font-weight:300 !important;
}

@media (min-width: 981px) and (max-width: 1180px) {	
	#mobiel-menu .et_pb_menu__logo-wrap {
        width: 100%;
    }
}

@media (min-width: 400px) and (max-width: 981px) {
	.et_pb_row.et_pb_row_3.et_pb_gutters2 {
		display:flex;
		justify-content:space-between;
	}

	.et_pb_row.et_pb_row_3.et_pb_gutters2:after {
		content:none;
	}
}

.verticalyAlignCenter {
	display:flex;
	align-items:center;
}

/* Filters categorie pagina's */

:is(.MaatFilter, .CategorieFilter, .KleurFilter, .MerkenFilter, .PrijsFilter, .MateriaalFilter) {
	border-bottom: 2px solid #D9D9D9;
    padding-bottom: 4vh;
}

/* Verberg de originele checkbox */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body input[type="checkbox"] {
    display: none;
}

/* Style voor de label die als checkbox fungeert */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body label {
    display: flex !important;
    align-items: center;
    cursor: pointer;
    color: #000;
    transition: all 0.3s ease;
    position: relative;
	padding: 6px 0px;
	font-family: 'Libre Franklin' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
}

/* Hover effect */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body label:hover {
    color: #CFA959;
}

/* Custom checkbox vierkant */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body label:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border-radius: 2px;
    margin-right: 10px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

/* Checkbox checked state */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body input[type="checkbox"]:checked + label:before {
    background-color: #CFA959;
    border-color: #CFA959;
}

/* Vinkje in de checkbox */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body input[type="checkbox"]:checked + label:after {
    content: '';
}

/* Focus state voor accessibility */
:is(.MerkenFilter, .CategorieFilter, .MateriaalFilter, .MaatFilter) .bapf_body input[type="checkbox"]:focus + label:before {
    outline: 2px solid #CFA959;
    outline-offset: 2px;
}

/* CategorieFilter */

/* Color filter */

.berocket_single_filter_widget .KleurFilter ul li label span {
	width: 35px !important;
	height: 35px !important;
	border-radius:100px;
}

.berocket_single_filter_widget .KleurFilter ul li label > span:hover {
	border: 2px solid #D9D9D9;
}

.berocket_single_filter_widget .KleurFilter ul li.checked label > span {
	border: 2px solid #000;
}

/* Color filter */

/* Prijs filter */

.bapf_sfilter .bapf_head h3 {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #000000 !important;
	margin: 0 0 20px 0 !important;
	letter-spacing: 0.5px !important;
	padding: 0 !important;
    font-family: 'Poppins';
}

/* Chevron icon styling */
.bapf_head .fa-chevron-up {
	color: #666 !important;
	font-size: 14px !important;
}

/* Slider container - add space for input fields */
.bapf_sfilter .bapf_slidr_all {
	position: relative !important;
	padding: 40px 0 20px 0 !important;
}

/* Ion Range Slider container */
.bapf_sfilter .irs {
	position: relative !important;
	display: block !important;
	height: 55px !important;
}

/* Slider line - light gray */
.bapf_sfilter .irs-line {
	position: relative !important;
	display: block !important;
	overflow: hidden !important;
	outline: none !important;
	height: 4px !important;
	top: 25px !important;
	background: #e0e0e0 !important;
	border-radius: 2px !important;
	border: none !important;
}

/* Hide default berocket elements */
.bapf_sfilter .irs-bar {
	display: none !important;
}

/* Custom green connection line - met animatie */
.bapf_sfilter .irs-line::before {
	content: '' !important;
	position: absolute !important;
	height: 4px !important;
	background: #CFA959 !important;
	border-radius: 2px !important;
	top: 0 !important;
	left: 0% !important;
	width: 94.2214% !important;
	z-index: 1 !important;
/* 	transition: left 0.15s ease, width 0.15s ease !important; */
}

/* Handles - circular design */
.bapf_sfilter .irs-handle {
	position: absolute !important;
	display: block !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	z-index: 3 !important;
	width: 35px !important;
	height: 35px !important;
	top: 9.5px !important;
	background: #ffffff !important;
	border: 3px solid #CFA959 !important;
	border-radius: 50% !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	transition: transform 0.2s ease !important;
}

/* Remove inner handle decorations */
.bapf_sfilter .irs-handle > i {
	display: none !important;
}

/* Left handle - green fill */
.bapf_sfilter .irs-handle.from {
	background: #fff !important;
	border-color: #CFA959 !important;
}

/* Right handle - gray fill */
.bapf_sfilter .irs-handle.to {
	background: #fff !important;
	border-color: #CFA959 !important;
}

/* Handle hover effects */
.bapf_sfilter .irs-handle:hover {
	transform: scale(1.1) !important;
}

/* HIDE original price labels */
.bapf_sfilter .irs-from,
.bapf_sfilter .irs-to,
.bapf_sfilter .irs-min,
.bapf_sfilter .irs-max,
.bapf_sfilter .irs-single,
.bapf_sfilter .irs-grid,
.bapf_sfilter .irs-shadow {
	display: none !important;
}

/* Custom input fields container */
.custom-price-inputs {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	pointer-events: none !important;
	z-index: 4 !important;
}

/* Individual input field styling */
.custom-price-input {
	background: #fff !important;
	border: 1px solid #D9D9D9 !important;
	border-radius: 4px !important;
	color: #000 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 4px 8px !important;
	width: 80px !important;
	height:34px;
	text-indent:47% !important;
	pointer-events: auto !important;
	outline: none !important;
	transition: all 0.2s ease !important;
}

/* Input field focus state */
.custom-price-input:focus {
	border-color: #CFA959 !important;
}

/* Input field hover state */
.custom-price-input:hover {
	border-color: #CFA959 !important;
}

/* Make sure the original slider is still functional but invisible */
.bapf_sfilter .bapf_slidr_main {
	opacity: 0 !important;
	position: absolute !important;
	pointer-events: none !important;
}

/* Divi theme compatibility */
.et_pb_row .bapf_sfilter.PrijsFilter,
.et_pb_column .bapf_sfilter.PrijsFilter {
	max-width: 100% !important;
	width: 100% !important;
}


/* WooCommerce compatibility */
.woocommerce .bapf_sfilter.PrijsFilter {
	margin-bottom: 20px !important;
}

/* Ensure berocket animations work */
.bapf_sfilter.bapf_slidr_ready .irs {
	opacity: 1 !important;
}

/* Fix for berocket collapse functionality */
.bapf_sfilter.bapf_ccolaps .bapf_body {
	overflow: visible !important;
}

/* Prijs filter */

/* inklappen filters op tablet en telefoon */

.filtermenu .et_pb_text_inner {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Filter dropdown - alleen op 981px en lager */
@media (max-width: 1180px) {
	.CategoryRowColumn {
		display:flex;
		flex-direction:column;
	}
	
	.CategoryRowColumn .et_pb_column  {
		width: 100% !important;
	}

    .FilterDropdown {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
        width: 24px;
        height: 24px;
    }

    .FilterDropdown::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #666;
        transition: transform 0.3s ease;
    }

    .FilterDropdown.active::before {
        transform: rotate(180deg);
    }

    .BerocketFilters {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    }

    .BerocketFilters.active {
        max-height: 800px;
        padding: 20px 0;
    }

    /* SVG versie */
    .FilterDropdown.use-svg {
        content: url('/wp-content/uploads/2025/11/Arrow-down-sign-to-navigate.svg');
        transition: transform 0.3s ease;
    }

    .FilterDropdown.use-svg.active {
        transform: rotate(180deg);
    }
}

/* Desktop (982px en hoger) - filters altijd zichtbaar */
@media (min-width: 1181px) {
    .FilterDropdown {
        display: none;
    }
    
    .et_pb_code_0_tb_body {
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }
}
/* inklappen filters op tablet en telefoon */

/* Einde Filters categorie pagina's */

/* Eerste accordion item verbergen */
.et_pb_accordion .et_pb_toggle:first-child {
    display: none !important;
}

/* laad meer / laad minder knoppen */
        
/* Styling voor verborgen items */
.bapf_body li.filter-hidden {
	display: none !important;
}

.bapf_body ul {
	padding-bottom:0px;
}

.filter-show-more-btn, 
.filter-show-less-btn {
	margin-bottom:20px;
	margin-top:20px;
}

/* Styling voor de knoppen */
.filter-show-more-btn, 
.filter-show-less-btn,
.variation-show-more,
.variation-show-less {
	background: transparent;
	border: 0px solid #ddd;
	border-bottom: 1px solid #000;
	padding: 0px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	transition: all 0.3s;
	width: auto;
}

.filter-show-more-btn:hover, 
.filter-show-less-btn:hover {
	background: #e0e0e0;
}

.filter-show-less-btn {
	display: none;
}

.variation-hidden {
display: none !important;
}

/* Product pagina */

section.related.products h2 {
    display: none;
}

section.related.products h2.woocommerce-loop-product__title {
    display: block !important;
}

section.related.products .sale del > span bdi {
    font-size: 14px;
}

section.related.products .sale del {
    opacity: 1 !important;
}

/* Winkelwagen */ 

tr.cart-subtotal,
tr.woocommerce-shipping-totals.shipping {
    display: none !important;
}

.wc-proceed-to-checkout {
    width: 60%;
    float: right;
}

/* afrekenen */

a.wc-block-checkout__login-prompt,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper .wc-block-components-panel__button {
    color: #CFA959 !important;
    font-family: 'Libre Franklin';
    font-weight: normal !important;
}

form#wc-block-components-totals-coupon__form button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: #CFA959 !important;
    color: white !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    padding-top: 0;
    padding-bottom: 0;
}

form#wc-block-components-totals-coupon__form input#wc-block-components-totals-coupon__input-coupon,
form.wc-block-components-form.wc-block-checkout__form input {
    /* border-radius: 3px !important; */
    border-color: #D9D9D9 !important;
}

form.wc-block-components-form.wc-block-checkout__form h2 {
    font-family: 'Poppins';
    font-weight: 600;
    color: black;
    size: 18px !important;
}

form.wc-block-components-form.wc-block-checkout__form p {
    font-family: 'Libre Franklin';
    color: black;
    size: 14px !important;
}

form.wc-block-components-form.wc-block-checkout__form label,
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block span.wc-block-components-checkbox__label {
    font-family: 'Libre Franklin';
    color: black;
}

/* Verberg de originele tekst van account aanmaken */
form.wc-block-components-form.wc-block-checkout__form fieldset#contact-fields .wc-block-components-checkbox__label {
    font-size: 0;
    line-height: 0;
}

/* Voeg de nieuwe tekst toe van account aanmaken */
form.wc-block-components-form.wc-block-checkout__form fieldset#contact-fields .wc-block-components-checkbox__label::before {
    content: "Account aanmaken";
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    font-family: 'Libre Franklin';
    color: black;
}

.wc-block-components-checkbox.wc-block-checkout__create-account input#checkbox-control-0,
.wc-block-components-checkbox.wc-block-checkout__use-address-for-billing input#checkbox-control-1,
.wc-block-checkout__add-note input#checkbox-control-2 {
    background-color: #D9D9D9 !important;
}

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button {
    font-family: 'Libre Franklin';
    color: black;
    font-weight: 700 !important;
}

/* Verberg de originele button tekst van betalen knop */
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button__text {
    font-size: 0;
    line-height: 0;
}

/* Voeg de nieuwe tekst toe van betalen knop */
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button__text::before {
    content: "Bestel en betaal";
    line-height: normal;
    display: inline-block;
    font-size: 14px !important;
    font-family: 'Libre Franklin';
}

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color: #CFA959;
    border-radius: 30px;
}

.wc-block-components-local-pickup-select .wc-block-components-radio-control__description {
    color: black !important;
}

.wp-block-woocommerce-checkout-order-summary-block p {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
    font-size: 16px;
}

.wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper h3,
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky.is-large .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper span.price.wc-block-components-product-price {
    font-size: 14px !important;
    font-family: 'Libre Franklin';
    color: black;
}

.wp-block-woocommerce-checkout-order-summary-block .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper .wc-block-components-product-metadata__description {
    display: none !important;
}

.wp-block-woocommerce-checkout-order-summary-totals-block span.wc-block-components-totals-item__label,
.wc-block-components-totals-wrapper span.wc-block-components-totals-item__label {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
    font-size: 16px;
}

.wp-block-woocommerce-checkout-order-summary-totals-block span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value,
.wc-block-components-totals-wrapper .wc-block-components-totals-item__value span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
    font-family: 'Libre Franklin';
    color: black;
    font-weight: normal;
    font-size: 16px;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    font-weight: normal;
}

/* Mijn account */

div#customer_login h2 {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
    font-size: 38px;
    padding-bottom: 0px !important;
}

div#customer_login form.woocommerce-form.woocommerce-form-login.login,
div#customer_login form.woocommerce-form.woocommerce-form-register.register {
    border: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

div#customer_login form.woocommerce-form.woocommerce-form-login.login label,
div#customer_login form.woocommerce-form.woocommerce-form-register.register label,
form.woocommerce-form.woocommerce-form-register.register p {
    font-family: 'Libre Franklin';
    color: black;
}

form.woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link,
form.woocommerce-form.woocommerce-form-login.login p.woocommerce-LostPassword.lost_password a {
    color: #CFA959 !important;
}

form.woocommerce-form.woocommerce-form-login.login input#rememberme {
    background-color: #D9D9D9 !important;
}

form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit,
form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background-color: #212121 !important;
    color: white;
    border-color: #212121;
    border-radius: 30px !important;
    font-family: 'Libre Franklin';
    font-size: 14px !important;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    margin-top: 2vh !important;
}

form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit::after,
form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit::after,
.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button::after {
    display: none !important;
}

#customer_login > div.u-column1.col-1 > form > p:nth-child(3) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

form.woocommerce-form.woocommerce-form-login.login input,
form.woocommerce-form.woocommerce-form-register.register input {
    background-color: transparent;
    border: 1px solid #D9D9D9;
}

form.woocommerce-form.woocommerce-form-login.login p.woocommerce-LostPassword.lost_password {
    margin-top: 2vh !important;
}

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

body:not(.logged-in) #mijn-account-header {
    display: none !important;
}

nav.woocommerce-MyAccount-navigation > ul > li {
    list-style-type: none !important;
    margin-bottom: 1vh !important;
}

nav.woocommerce-MyAccount-navigation > ul > li > a {
    color: #CFA959;
    font-family: 'Libre Franklin';
    font-weight: bold;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders.is-active,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address.is-active,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account.is-active {
    text-decoration: underline !important;
    color: #CFA959;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: left !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 55%;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content p a {
    font-family: 'Libre Franklin';
    color: black !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
    background: transparent;
    color: black !important;
    font-family: 'Libre Franklin';
}

.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button {
    background-color: #212121 !important;
    color: white;
    border-color: #212121;
    border-radius: 30px !important;
    font-family: 'Libre Franklin';
    font-size: 14px !important;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    margin-top: 2vh !important;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr th {
    font-family: 'Poppins';
    color: black;
    font-weight: bold;
    font-size: 14px !important;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr th a {
    color: #CFA959 !important;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table a.woocommerce-button.button.view {
    background-color: #212121 !important;
    color: white;
    border-color: #212121;
    border-radius: 30px !important;
    font-family: 'Libre Franklin';
    font-size: 12px !important;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table a.woocommerce-button.button.view::after {
    display: none !important;
}

.woocommerce-MyAccount-content h2.woocommerce-order-details__title {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr th {
    font-family: 'Libre Franklin';
    color: black;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-name.product-name a {
    color: #CFA959;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-name.product-name strong.wc-item-meta-label,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details span.woocommerce-Price-amount.amount bdi,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot span.woocommerce-Price-amount.amount {
    font-family: 'Libre Franklin';
    color: black;
}

p.order-again a.button {
    background-color: #212121 !important;
    color: white !important;
    border-color: #212121;
    border-radius: 30px !important;
    font-family: 'Libre Franklin';
    font-size: 12px !important;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    padding-top: 1vh !important;
    padding-bottom: 1vh !important;
}

p.order-again a.button::after {
    display: none !important;
}

.woocommerce-MyAccount-content header.woocommerce-Address-title.title h2 {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
}

.woocommerce-MyAccount-content header.woocommerce-Address-title.title a.edit {
    color: #CFA959;
    float: left;
    font-family: 'Libre Franklin';
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address address {
    font-family: 'Libre Franklin';
    color: black !important;
}

.woocommerce-MyAccount-content form h2 {
    font-family: 'Poppins';
    font-weight: 500;
    color: black;
}

.woocommerce-address-fields button.button,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p button.woocommerce-Button.button {
    background-color: #212121 !important;
    color: white !important;
    border-color: #212121;
    border-radius: 30px !important;
    font-family: 'Libre Franklin';
    font-size: 12px !important;
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    padding-top: 1vh !important;
    padding-bottom: 1vh !important;
}

.woocommerce-address-fields button.button::after,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account p button.woocommerce-Button.button::after {
    display: none !important;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-family: 'Libre Franklin';
    color: black !important;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input {
    background-color: transparent;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    float: right;
    margin-top: 2vh;
}

/* review slider */

.ratingcarousel .dsm_card_wrapper.et_pb_text_align_left.et_pb_bg_layout_light {
    padding-right: 2vw;
    padding-left: 2vw;
}

.ratingcarousel .dsm_card_carousel_child_subtitle {
    padding-bottom: 1vh;
    font-size: 22px !important;
    font-weight: 700;
}

.dsm_card_carousel:not(.SliderNavbarSmall) h4.dsm_card_title.et_pb_module_header {
    font-size: 30px !important;
}

@media (max-width: 769px) { 
    .ratingcarousel .dsm_card_wrapper.et_pb_text_align_left.et_pb_bg_layout_light {
        padding-right: 20px;
        padding-left: 20px;
    }
}



/**
 * Textiel Category Menu Styles
 * Add this to your child theme's style.css
 */

/* Only apply on desktop and landscape tablet */
@media (min-width: 769px) {
    /* Main container */
    .textiel-category-nav {
        width: 100%;
        z-index: 999;
        background-color: #ffffff;
    }
    
    /* Top categories row */
    .textiel-top-categories {
        display: block;
        border-bottom: 1px solid #e0e0e0;
        padding: 0;
        position: relative;
    }
    
    /* Remove default list styling */
    .textiel-categories-list,
    .textiel-subcategories-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    
    /* Top level menu items */
    .textiel-categories-list > li {
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    /* Top level menu links */
    .textiel-categories-list > li > a {
        display: block;
        color: #333333;
        padding: 15px 22px;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease;
    }
    
    /* Hover state */
    .textiel-categories-list > li > a:hover {
        color: #333333;
        text-decoration: underline;
    }
    
    /* Active category */
    .textiel-categories-list > li.active-category > a {
        font-weight: 600;
    }
    
    /* Subcategories container */
    .textiel-subcategories {
        display: none;
        background-color: #f9f9f9;
        padding: 0;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
    
    /* Subcategories list */
    .textiel-subcategories-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 1080px;
        margin: 0 auto;
        padding: 15px 10px;
    }
    
    /* Subcategory items */
    .textiel-subcategories-list > li {
        margin: 0;
        padding: 0;
    }
    
    /* Subcategory links */
    .textiel-subcategories-list > li > a {
        display: block;
        color: #333333;
        padding: 8px 15px;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s ease;
    }
    
    /* Subcategory hover */
    .textiel-subcategories-list > li > a:hover {
        text-decoration: underline;
    }
    
    /* Hide submenu children in the subcategory bar */
    .textiel-subcategories-list .sub-menu {
        display: none;
    }
}

/* Hide on mobile and portrait tablet */
@media (max-width: 768px) {
    .textiel-category-nav {
        display: none;
    }
}

/* ===================================
   LAYOUT
   =================================== */

#main-content {
    margin-top: var(--menu-height) !important;
    transition: margin-top 0.3s ease-in-out; /* Smooth transition bij resize */
}

/* ===================================
   Product grid
   =================================== */

.et-db #et-boc .et-l .et_pb_shop:not(.Nieuwbinnen) ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100% !important;
    margin-bottom: 1em !important;
} 

.WooProductCardStyling .woocommerce-loop-product__title {
    flex-grow: 1;
    display: flex;
}

.WooProductCardStyling .product a {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.woocommerce-page .Nieuwbinnen  ul.products li.product {
    margin-bottom: 0px !important;
}