/* ===== Sticky Product Form (simple clean version) ===== */

/* Default form state (normal position) */
form.cart.sticky-atc {
    width: 100%;
}

/* Placeholder so layout does not jump when form becomes fixed */
.sticky-atc-placeholder {
    display: none;
}

/* Sticky state */
form.cart.sticky-atc.sticky-atc--active {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    margin: 0 !important;
    padding: 12px 16px;
    background: transparent; /* vi giver selve indholdet en “card”-baggrund */
    box-shadow: none;
}

/* Layout wrapper (selve “kortet” i bunden) */
form.cart.sticky-atc.sticky-atc--active .sticky-atc-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    background: #ffffff;
    box-shadow: 0 -4px 14px rgba(0,0,0,0.12);
    border-radius: 14px 14px 0 0;   /* bløde top-hjørner */
    padding: 10px 14px;
}

/* Left: swatches/variations */
form.cart.sticky-atc.sticky-atc--active .variations {
    margin: 0;
}

/* Right: qty + add-to-cart */
form.cart.sticky-atc.sticky-atc--active .sticky-atc-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Qty style – behold Flatsome look, bare lidt bredde */
form.cart.sticky-atc.sticky-atc--active .quantity {
    /* ingen border-radius / overflow her, så hjørnerne ikke bliver klippet */
    margin: 0;
}

form.cart.sticky-atc.sticky-atc--active .quantity input.qty,
form.cart.sticky-atc.sticky-atc--active .quantity input[type="number"] {
    width: 60px;
    padding: 5px 6px;
    font-size: 14px;
    border-radius: 4px; /* lille blødhed – sæt til 0 hvis du vil have helt standard */
}

/* Gør selve knappen blød/rounded */
form.cart.sticky-atc.sticky-atc--active .single_add_to_cart_button {
    border-radius: 999px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    form.cart.sticky-atc.sticky-atc--active {
        padding: 8px 12px;
    }

    form.cart.sticky-atc.sticky-atc--active .sticky-atc-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        border-radius: 14px 14px 0 0;
    }

    /* Qty over knap på mobil */
    form.cart.sticky-atc.sticky-atc--active .sticky-atc-right {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    form.cart.sticky-atc.sticky-atc--active .single_add_to_cart_button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* Sentinel element – bruges kun til scroll-detektering */
.sticky-atc-sentinel {
    height: 1px;
    width: 100%;
}