/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

a.filter-button.uppercase.plain {
    pos-ition: fixed;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    background-color: #5F8F40;
    color: #fff;
    padding: 7px 20px;
    border-radius: 50px;
    z-index: 999;
}
.attributes-wrapper {margin-top:10px; margin-bottom:10px;}
.flux-checkout__content-right {
    display: block !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* CWP 29-8-25 */
/**
 * Sixton Price Display Styling
 * Voor WooCommerce product prijzen met BTW weergave
 */

.sixton-price-display {
    display: flex;
    flex-direction: row !important; 
    gap: 30px !important; 
    margin: 15px 0;
}

/* Overschrijf flex display van het thema */
.price-excl-vat, .price-incl-vat {
    display: block !important;
}

/* Alleen de prijsbedragen krijgen kleur, niet de labels */
.sixton-price-display .price-excl-vat .price-amount,
.sixton-price-display .price-excl-vat .woocommerce-Price-amount,
.sixton-price-display .price-excl-vat .woocommerce-Price-amount * {
    color: #369038 !important;
}

.sixton-price-display .price-incl-vat .price-amount,
.sixton-price-display .price-incl-vat .woocommerce-Price-amount,
.sixton-price-display .price-incl-vat .woocommerce-Price-amount * {
    color: #f4a123 !important;
}

/* Optionele extra styling voor betere leesbaarheid */
.sixton-price-display .price-label {
    font-weight: 500;
    margin-right: 5px;
}

.sixton-price-display .price-amount {
    font-weight: 600;
}

/* Responsive styling voor kleinere schermen */
@media (max-width: 768px) {
    .sixton-price-display {
        flex-direction: row !important;
        gap: 10px;
        margin: 10px 0;
    }
}
/* END CWP 29-8-25 */

/* CWP 1-9-25 */
.readmoretag {
  border-bottom: 0.75px solid #d3d3d3;
  padding-bottom: 10px;
}

.eigenschappen {
  padding-top: 10px;
}
/* END CWP 1-9-25 */

.woocommerce .single_add_to_cart_button.button,
body .single_add_to_cart_button.button {
    background-color: var(--fs-color-secondary) !important;
}
/*
.button, button, input[type=button], input[type=reset], input[type=submit] {
	line-height: 5px !important;
}
*/
.woocommerce .single_add_to_cart_button.button, body .single_add_to_cart_button.button {
	width:60%;
}
/* Zorgt dat tekst en icoon netjes uitlijnen */
.single_add_to_cart_button {
  gap: .5em;
}

/* Icoon vóór de tekst, volgt automatisch de knopkleur (currentColor) */
.single_add_to_cart_button::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: currentColor;                 /* bepaalt de icoonkleur */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M24 48C10.7 48 0 58.7 0 72C0 85.3 10.7 96 24 96L69.3 96C73.2 96 76.5 98.8 77.2 102.6L129.3 388.9C135.5 423.1 165.3 448 200.1 448L456 448C469.3 448 480 437.3 480 424C480 410.7 469.3 400 456 400L200.1 400C188.5 400 178.6 391.7 176.5 380.3L171.4 352L475 352C505.8 352 532.2 330.1 537.9 299.8L568.9 133.9C572.6 114.2 557.5 96 537.4 96L124.7 96L124.3 94C119.5 67.4 96.3 48 69.2 48L24 48zM208 576C234.5 576 256 554.5 256 528C256 501.5 234.5 480 208 480C181.5 480 160 501.5 160 528C160 554.5 181.5 576 208 576zM432 576C458.5 576 480 554.5 480 528C480 501.5 458.5 480 432 480C405.5 480 384 501.5 384 528C384 554.5 405.5 576 432 576z'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M24 48C10.7 48 0 58.7 0 72C0 85.3 10.7 96 24 96L69.3 96C73.2 96 76.5 98.8 77.2 102.6L129.3 388.9C135.5 423.1 165.3 448 200.1 448L456 448C469.3 448 480 437.3 480 424C480 410.7 469.3 400 456 400L200.1 400C188.5 400 178.6 391.7 176.5 380.3L171.4 352L475 352C505.8 352 532.2 330.1 537.9 299.8L568.9 133.9C572.6 114.2 557.5 96 537.4 96L124.7 96L124.3 94C119.5 67.4 96.3 48 69.2 48L24 48zM208 576C234.5 576 256 554.5 256 528C256 501.5 234.5 480 208 480C181.5 480 160 501.5 160 528C160 554.5 181.5 576 208 576zM432 576C458.5 576 480 554.5 480 528C480 501.5 458.5 480 432 480C405.5 480 384 501.5 384 528C384 554.5 405.5 576 432 576z'/></svg>") no-repeat center / contain;
}

/* Optioneel: laadspinner van Flatsome niet dubbel met je icoon tonen */
.single_add_to_cart_button.loading::before {
  display: none;
}
.button span {
    line-height: 2.6;
}
