.elementor-8957 .elementor-element.elementor-element-bf42f6b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-8957 .elementor-element.elementor-element-df0ab26{--display:flex;}.woocommerce .elementor-8957 .elementor-element.elementor-element-9894365 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-8957 .elementor-element.elementor-element-9894365 .flex-viewport, .woocommerce .elementor-8957 .elementor-element.elementor-element-9894365 .flex-control-thumbs img{border-style:solid;border-color:#F0F0F0;}.woocommerce .elementor-8957 .elementor-element.elementor-element-9894365 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-8957 .elementor-element.elementor-element-9894365 .flex-viewport{border-radius:8px 8px 8px 8px;}.elementor-8957 .elementor-element.elementor-element-d0478e8{--display:flex;}.elementor-8957 .elementor-element.elementor-element-a243f11 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.woocommerce .elementor-8957 .elementor-element.elementor-element-d3d58bf .price{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.woocommerce .elementor-8957 .elementor-element.elementor-element-f68250c .woocommerce-product-details__short-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8957 .elementor-element.elementor-element-94634c3 .cart button, .elementor-8957 .elementor-element.elementor-element-94634c3 .cart .button{transition:all 0.2s;}.elementor-8957 .elementor-element.elementor-element-94634c3 .quantity .qty{transition:all 0.2s;}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-94634c3 *//* =========================================
   SINGLE PRODUCT - LUXE "ADD TO BAG" + AANTAL
   ========================================= */

/* --- 1. LAYOUT: NAAST ELKAAR --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 form.cart {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Of 'center' voor midden */
}

/* --- 2. HET AANTAL VAKJE (QUANTITY) --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 .quantity {
    display: block !important; /* Hij is weer terug! */
    margin-right: 10px !important; /* Ruimte tussen aantal en knop */
}

.elementor-8957 .elementor-element.elementor-element-94634c3 .quantity input.qty {
    background-color: #FAFAFA !important; /* Lichtgrijs */
    color: #2B2B2B !important;
    border: 1px solid #E5E5E5 !important;
    
    /* Maak hem rond (Pil-vorm) net als de knop */
    border-radius: 30px !important; 
    
    width: 60px !important;       /* Niet te breed */
    height: 48px !important;      /* Even hoog als de knop */
    padding: 0 !important;
    
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important; /* Cijfer in het midden */
}

/* Verberg de pijltjes in sommige browsers (optioneel, oogt rustiger) */
.elementor-8957 .elementor-element.elementor-element-94634c3 input[type=number]::-webkit-inner-spin-button, 
.elementor-8957 .elementor-element.elementor-element-94634c3 input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* --- 3. DE KNOP STYLING (ADD TO BAG) --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 .single_add_to_cart_button {
    background-color: #2B2B2B !important; /* Zwart/Grijs basis */
    color: transparent !important;        /* Verberg standaard tekst */
    
    border-radius: 30px !important;       /* Pil-vorm */
    border: none !important;
    
    padding: 0 30px !important;           /* Breedte */
    height: 48px !important;              /* Hoogte fixen voor uitlijning */
    line-height: 48px !important;
    
    position: relative !important;
    transition: all 0.3s ease !important;
    min-width: 160px;                     /* Zorgt voor body */
    margin-top: 0 !important;             /* Zorgt dat hij gelijk staat met input */
}

/* --- 4. NIEUWE TEKST: "ADD TO BAG" --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 .single_add_to_cart_button::before {
    content: "ADD TO BAG";
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

/* --- 5. HOVER EFFECT --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 .single_add_to_cart_button:hover {
    background-color: #5F6B55 !important; /* Olijfgroen */
    transform: translateY(-2px);
}

/* --- 6. FIX VOOR VARIATIES (Als die er zijn) --- */
.elementor-8957 .elementor-element.elementor-element-94634c3 table.variations {
    margin-bottom: 20px !important;
}/* End custom CSS */