/*
 * Sticky Add-to-Cart — base CSS.
 *
 * Dynamische rules (kleuren / fontsizes / mobiele positie / breakpoint /
 * gradient-button-state) komen via inline <style id="awcf-satc-inline">
 * uit functions.php, omdat die afhankelijk zijn van admin-options.
 *
 * Hier alleen layout-resets die niet uit admin komen — als safety-net
 * voor wanneer inline CSS bovenaan toch later wordt overschreven.
 */

.awcf-sticky-add-to-cart {
    box-sizing: border-box;
}

.awcf-sticky-add-to-cart *,
.awcf-sticky-add-to-cart *::before,
.awcf-sticky-add-to-cart *::after {
    box-sizing: inherit;
}

/* Compactere title op smalle viewports */
@media (max-width: 480px) {
    .awcf-sticky-add-to-cart__title {
        font-size: 14px;
        max-width: 50vw;
    }

    .awcf-sticky-add-to-cart__cta {
        gap: 8px;
    }
}

/* Verberg standaard WC ajax-add-to-cart-spinner anim die soms door themes gehijacked wordt */
.awcf-sticky-add-to-cart__btn.loading {
    opacity: 0.6;
    pointer-events: none;
}

.awcf-sticky-add-to-cart__btn.added::after {
    content: " ✓";
}

/* Reset list-styling voor robustness */
.awcf-sticky-add-to-cart ul,
.awcf-sticky-add-to-cart li {
    list-style: none;
}

/* Hide-if-overflow flag (gezet door fitUsps() in JS) — laatste USP die niet
 * volledig past valt netjes weg in plaats van halverwege geknipt te worden. */
.awcf-sticky-add-to-cart__usp.is-overflowing {
    display: none !important;
}