@media (max-width: 549px) {
    .single_add_to_cart_button.button.alt {
        font-size: 0.8em !important;
        padding: 3px 12px !important;
    }
}

/* Product main styling */
.product-main {
    padding: 40px 0 !important;
    background: #f3f3f3 !important;
}
button.single_add_to_cart_button.button span.amount {
    color: white !important;
}



/* Attribuut pills container - Overschrijf thema styling */
.woocommerce div.product form.cart .acb-pills,
.acb-pills{
display:inline-flex !important;
gap:12px !important;
margin:12px 0 20px !important;
flex-wrap:wrap !important;
background:white !important;
padding:10px 15px !important;
border-radius:30px !important;
box-sizing:border-box !important;
}
.woocommerce div.product form.cart .acb-pill,
.acb-pill{
background:#ffffff !important;
background-color:#ffffff !important;
border-radius:35px !important;
padding:10px 28px !important;
cursor:pointer !important;
transition:all 0.2s ease !important;
display:inline-block !important;
text-align:center !important;
font-size:16px !important;
font-weight:500 !important;
color:#333333 !important;
box-sizing:border-box !important;
white-space:nowrap !important;
}
.woocommerce div.product form.cart .acb-pill:hover,
.acb-pill:hover{
border-color:#c8e6c9 !important;
}
/* Disabled pill state */
.woocommerce div.product form.cart .acb-pill.disabled,
.acb-pill.disabled{
opacity:0.4 !important;
pointer-events:auto !important;
cursor:not-allowed !important;
background:#f5f5f5 !important;
color:#999 !important;
position:relative !important;
border:2px solid #e5e5e5 !important;
}
.acb-pill.disabled:hover{
border-color:#999 !important;
opacity:0.5 !important;
}
/* Tooltip voor disabled pills */
.acb-pill.disabled::after{
content:attr(data-disabled-reason) !important;
position:absolute !important;
bottom:calc(100% + 8px) !important;
left:50% !important;
transform:translateX(-50%) !important;
background:#333 !important;
color:#fff !important;
padding:8px 12px !important;
border-radius:6px !important;
font-size:13px !important;
white-space:nowrap !important;
opacity:0 !important;
pointer-events:none !important;
transition:opacity 0.2s ease !important;
z-index:1000 !important;
box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;
}
/* Verberg tooltip als er geen reden is */
.acb-pill.disabled:not([data-disabled-reason])::after,
.acb-pill.disabled:not([data-disabled-reason])::before{
display:none !important;
}
.acb-pill.disabled::before{
content:'' !important;
position:absolute !important;
bottom:calc(100% + 2px) !important;
left:50% !important;
transform:translateX(-50%) !important;
border:6px solid transparent !important;
border-top-color:#333 !important;
opacity:0 !important;
pointer-events:none !important;
transition:opacity 0.2s ease !important;
z-index:1000 !important;
}
.acb-pill.disabled:hover::after,
.acb-pill.disabled:hover::before{
opacity:1 !important;
}
/* Optioneel: verberg disabled pills volledig (voeg .acb-pills-hide-disabled toe aan .acb-pills container) */
.acb-pills-hide-disabled .acb-pill.disabled{
display:none !important;
}
/* Actieve pill - HOOGSTE PRIORITEIT - Exact zoals design */
body .woocommerce div.product .acb-pill.active,
body.single-product .acb-pill.active,
.woocommerce div.product form.cart .acb-pill.active,
.acb-pills .acb-pill.active,
.acb-pill.active{
background:#a8d4a8 !important;
background-color:#a8d4a8 !important;
border-color:#a8d4a8 !important;
border:2px solid #a8d4a8 !important;
color:#000 !important;
font-weight:600 !important;
}

/* Verberg standaard WooCommerce variatie velden als onze pills actief zijn */
.woocommerce div.product form.cart table.variations,
.woocommerce-variation-add-to-cart table.variations,
body.single-product form.cart table.variations,
form.variations_form table.variations,
.variations_form .variations,
table.variations{
display:none !important;
visibility:hidden !important;
height:0 !important;
overflow:hidden !important;
}

/* Verberg WooCommerce variatie prijs - prijs wordt al getoond in bundel kaarten */
.woocommerce div.product .woocommerce-variation-price,
.woocommerce-variation-price,
.single_variation_wrap .woocommerce-variation-price{
display:none !important;
}

/* Toon alleen onze pills */
.acb-attributes{
display:block !important;
margin-bottom:20px !important;
}

/* Attribuut groep styling */
.woocommerce div.product .acb-attr-group,
.acb-attr-group{
margin-bottom:20px !important;
padding-bottom:20px !important;
border-bottom:1px solid #e5e5e5 !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}

.woocommerce div.product .acb-attr-group:last-child,
.acb-attr-group:last-child{
border-bottom:none !important;
padding-bottom:0 !important;
}

.woocommerce div.product .acb-attr-label,
.acb-attr-label{
font-size:16px !important;
font-weight:600 !important;
margin-bottom:12px !important;
color:#333 !important;
display:block !important;
}


/* Bundel kaarten - Overschrijf thema styling */
.woocommerce div.product .acb-qty,
.acb-qty{
margin:20px 0 !important;
display:block !important;
}
.woocommerce div.product .acb-grid,
.acb-grid{
display:grid !important;
grid-template-columns:repeat(2, 1fr) !important;
gap:16px !important;
margin:12px 0 !important;
}

/* Mobiel/tablet: inhoud onder elkaar */
@media (max-width:1024px){
.woocommerce div.product .acb-grid,
.acb-grid{
grid-template-columns:1fr !important;
gap:12px !important;
max-width:100% !important;
}
}
.woocommerce div.product .acb-card,
.acb-card{
/* background:#fff !important; */
border:2px solid #e5e5e5 !important;
border-radius:16px !important;
padding:16px 20px !important;
cursor:pointer !important;
position:relative !important;
transition:all 0.2s ease !important;
box-sizing:border-box !important;
width:100% !important;
display:flex !important;
align-items:center !important;
gap:16px !important;
}
.woocommerce div.product .acb-card:hover,
.acb-card:hover{
border-color:#c8e6c9 !important;
}
/* Geselecteerde bundel kaart - HOOGSTE PRIORITEIT - Zelfde groen als pills */
body .woocommerce div.product .acb-card.selected,
body.single-product .acb-card.selected,
.woocommerce div.product .acb-card.selected,
.acb-card.selected{
background-color: transparent !important;
border-color:#009526 !important;
border:2px solid #a8d4a8 !important;
}
.woocommerce div.product .acb-badge,
.acb-badge{
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    background: #ef5350 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    border-radius: 0px 13px 0px 15px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
.woocommerce div.product .acb-tag,
.acb-tag{
position:absolute !important;
top: -8px !important;
left: 25px !important;
background:#c8e6c9 !important;
color:#2d5f2d !important;
padding:5px 10px !important;
border-radius:8px !important;
font-size:12px !important;
font-weight:600 !important;
white-space:nowrap !important;
z-index:1 !important;
}
.woocommerce div.product .acb-card-image,
.acb-card-image{
flex-shrink:0 !important;
width:70px !important;
height:70px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
}
.woocommerce div.product .acb-image,
.acb-image{
max-width:100% !important;
max-height:100% !important;
width:auto !important;
height:auto !important;
object-fit:contain !important;
display:block !important;
}
.woocommerce div.product .acb-card-content,
.acb-card-content{
flex:1 !important;
text-align:left !important;
}
.woocommerce div.product .acb-title,
.acb-title{
font-weight:600 !important;
margin-bottom:2px !important;
font-size:20px !important;
color:#333 !important;
line-height:1.3 !important;
}
.woocommerce div.product .acb-card.selected .acb-title,
.acb-card.selected .acb-title{
color:#333333 !important;
font-weight:600 !important;
}
.woocommerce div.product .acb-unit,
.acb-unit{
color:#666 !important;
font-size:14px !important;
line-height:1.4 !important;
}
.woocommerce div.product .acb-card.selected .acb-unit,
.acb-card.selected .acb-unit{
color:#333333 !important;
opacity:.85 !important;
}


/* Variable product prijzen - verberg tot variatie is geselecteerd */
.acb-variable-product .acb-unit {
    min-height: 20px !important;
}
.acb-variable-product .acb-price-placeholder {
    display: inline-block !important;
    min-width: 60px !important;
}
.acb-variable-product.acb-prices-loaded .acb-unit {
    opacity: 1 !important;
}

/* CTA */
.single_add_to_cart_button{border-radius:999px;padding:16px 28px}

/* Upsells - onder add to cart */
.acb-upsells{
margin-top:24px !important;
padding-top:24px !important;
border-top:1px solid #e5e5e5 !important;
}
.acb-upsells > div:first-child{
font-weight:600 !important;
margin-bottom:16px !important;
font-size:16px !important;
color:#333 !important;
}
.acb-upsell-row{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:12px 16px !important;
background:#f9f9f9 !important;
border:1px solid #e5e5e5 !important;
border-radius:8px !important;
margin-bottom:12px !important;
transition:all 0.2s ease !important;
}
.acb-upsell-row:hover{
background:#fff !important;
border-color:#c8e6c9 !important;
box-shadow:0 2px 4px rgba(0,0,0,0.05) !important;
}
.acb-upsell-row > div:first-child{
display:flex !important;
gap:12px !important;
align-items:center !important;
flex:1 !important;
}
.acb-upsell-row img{
width:60px !important;
height:60px !important;
object-fit:cover !important;
border-radius:6px !important;
}
.acb-upsell-row .btn{
background: #557e00 !important;
color:#fff !important;
border:none !important;
padding:10px 24px !important;
border-radius: 30px !important;
font-weight:600 !important;
font-size:14px !important;
cursor:pointer !important;
transition:all 0.2s ease !important;
white-space:nowrap !important;
text-transform:uppercase !important;
}
.acb-upsell-row .btn:hover{
background:#45a049 !important;
transform:translateY(-1px) !important;
box-shadow:0 2px 8px rgba(76,175,80,0.3) !important;
}
.acb-cta-footnote{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}

/* Mobile optimalisaties */
@media (max-width:1024px){
/* Label/header groter en duidelijker op mobile */
.acb-attr-label{
font-size:18px !important;
margin-bottom:16px !important;
}

/* Card padding en spacing optimaliseren */
.acb-card{
padding:14px 16px !important;
border-radius:12px !important;
min-height:auto !important;
}

/* Titel groter en beter leesbaar */
.acb-title{
font-size:18px !important;
margin-bottom:4px !important;
margin-top:0 !important;
}

/* Unit prijs kleiner maar nog leesbaar */
.acb-unit{
font-size:13px !important;
}

/* Badge compacter op mobile */
.acb-badge{
padding:4px 8px !important;
font-size:11px !important;
top:-1px !important;
right:-1px !important;
border-radius:0px 11px 0px 12px !important;
}

/* Tag naar binnen card verplaatsen op mobile */
.acb-tag{
position:static !important;
display:inline-block !important;
padding:3px 8px !important;
font-size:11px !important;
border-radius:6px !important;
margin-bottom:4px !important;
line-height:1.2 !important;
}

/* Afbeelding iets kleiner op mobile */
.acb-card-image{
width:60px !important;
height:60px !important;
}

/* Card content meer ruimte en flexbox voor tag */
.acb-card-content{
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
}

/* Pills container responsive */
.acb-pills{
padding:8px 12px !important;
gap:8px !important;
justify-content:center !important;
}

.acb-pill{
padding:8px 20px !important;
font-size:14px !important;
}

/* Tooltip op mobile smaller en positioned beter */
.acb-pill.disabled::after{
max-width:200px !important;
white-space:normal !important;
text-align:center !important;
font-size:12px !important;
}

/* Upsell rows responsive */
.acb-upsell-row{
flex-direction:column !important;
align-items:flex-start !important;
gap:12px !important;
padding:12px !important;
}

.acb-upsell-row > div:first-child{
width:100% !important;
}

.acb-upsell-row img{
width:50px !important;
height:50px !important;
}

.acb-upsell-row .btn{
width:100% !important;
text-align:center !important;
padding:12px 20px !important;
}

/* Add to cart button */
.single_add_to_cart_button{
width:100% !important;
padding:14px 24px !important;
font-size:16px !important;
}

/* Product main section */
.product-main{
padding:20px 0 !important;
}

/* Quantity section - zorg dat grid altijd single column is op mobiel */
.acb-qty{
margin:16px 0 !important;
}

.woocommerce div.product .acb-qty .acb-grid,
.acb-qty .acb-grid{
grid-template-columns:1fr !important;
display:grid !important;
gap:12px !important;
}

.woocommerce div.product .acb-qty .acb-card,
.acb-qty .acb-card{
width:100% !important;
max-width:100% !important;
margin:0 !important;
}

/* Upsells section spacing */
.acb-upsells{
margin-top:20px !important;
padding-top:20px !important;
}

.acb-upsells > div:first-child{
font-size:15px !important;
margin-bottom:12px !important;
}
}