/* ======================================================================
   Product checkout (PDP actions) — Cohort 5 (Professional Charcoal v2)
   Bootstrap-first. Charcoal: #1f2937  |  WhatsApp green: #25D366
   ====================================================================== */

/* Bootstrap primary/outline overrides — charcoal theme */
.btn-primary { background-color: #1f2937; border-color: #1f2937; color: #fff; }
.btn-primary:hover { background-color: #111418; border-color: #111418; color: #fff; }
.btn-outline-primary { color: #1f2937; border-color: #1f2937; background: transparent; }
.btn-outline-primary:hover { background-color: #1f2937; border-color: #1f2937; color: #fff; }

/* Cart + Buy Now sizing & transitions */
.product-checkout-5-cart,
.product-checkout-5-buynow {
    min-height: 48px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.product-checkout-5-cart:hover,
.product-checkout-5-buynow:hover { transform: translateY(-1px); }

.product-checkout-5-cart:active,
.product-checkout-5-buynow:active { transform: translateY(0); }

/* Qty stepper */
.product-checkout-5-qty { align-items: stretch; }

.product-checkout-5-qty .qty-down,
.product-checkout-5-qty .qty-up {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 600;
    user-select: none;
    min-height: 44px;
}

.product-checkout-5-qty .qty-val::-webkit-outer-spin-button,
.product-checkout-5-qty .qty-val::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product-checkout-5-qty .qty-val { -moz-appearance: textfield; }

/* Alt channel buttons */
.product-checkout-5-whatsapp,
.product-checkout-5-call {
    min-height: 44px;
    padding: 10px 16px !important;
    font-weight: 600;
    transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.product-checkout-5-whatsapp:hover,
.product-checkout-5-call:hover { transform: translateY(-1px); }

.product-checkout-5-whatsapp:hover {
    background: #128338 !important;
    border-color: #128338 !important;
    color: #fff !important;
}

.product-checkout-5-call:hover {
    border-color: #1f2937;
    color: #1f2937;
}