/* =========================================================
   MOBILE PRODUCT GALLERY - NAVIGATION ARROWS
   ---------------------------------------------------------
   Maakt de vorige/volgende pijlen visueel groter zodat
   ze beter overeenkomen met de desktopweergave.
   ========================================================= */

@media screen and (max-width: 767px) {
    .product-gallery-carousel-control,
    .product-gallery-next::after,
    .product-gallery-prev::after {
        width: 25px !important;
        height: 25px !important;
        margin-right: 10px;
    }
}

/* =========================================================
   PRODUCT GALLERY - NAVIGATION ARROWS
   ---------------------------------------------------------
   Basiskleur voor vorige/volgende pijlen op desktop en mobiel.
   ========================================================= */

.product-gallery-prev::after,
.product-gallery-next::after {
    border-color: #777777 !important;
}

.product-gallery-prev:hover::after,
.product-gallery-next:hover::after {
    border-color: #000000 !important;
}

/* =========================================================
   CONFIGURATION GALLERY LIGHTBOX
   Configuratie image zoom (=gallery-lightbox) achtergrond en knoppen
   ========================================================= */

.gallery-lightbox-background {
    background-color: #000000 !important;
    opacity: 0.85 !important;
}

.gallery-lightbox-close-btn,
.gallery-lightbox-control-btn {
    color: #ffffff !important;
}

/* =========================================================
   ADD TO CART LABEL
   ---------------------------------------------------------
   Behoudt de originele Squarespace-knopstructuur.
   De zichtbare tekst wordt via een data-attribuut getoond.
   ========================================================= */

.sqs-add-to-cart-button.sq-custom-managed-add-to-cart-label {
    position: relative;
}

/*
 * Verberg uitsluitend de originele visuele knopinhoud.
 * De nodes blijven volledig in de DOM aanwezig voor Squarespace.
 */
.sqs-add-to-cart-button.sq-custom-managed-add-to-cart-label > * {
    visibility: hidden;
}

/*
 * Toon onze eigen, taalafhankelijke knoptekst.
 */
.sqs-add-to-cart-button.sq-custom-managed-add-to-cart-label::before {
    content: attr(data-sq-custom-visible-label);
    visibility: visible;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* =========================================================
   PRODUCT VAT / SHIPPING / CUSTOMS INFO
   ========================================================= */

.sq-custom-product-info {
    margin: 20px 0 20px !important;
    padding: 0 !important;

    color: #000000 !important;

    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    font-style: italic !important;

    line-height: 1.45 !important;
}

.sq-custom-product-info em,
.sq-custom-product-info em * {
    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;

    line-height: inherit !important;
}