/* WooCommerce Custom Global Styles for Rodman Merch */

/* Single Product Tabs (Flat Underline) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    display: flex !important;
    gap: 32px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 8px 0 !important;
    margin: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: var(--wsm-ink-soft) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0 !important;
    transition: color 0.25s ease !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--wsm-ink) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid var(--wsm-ink) !important;
}

/* Button Micro-interactions */
.woocommerce button.button, 
.woocommerce a.button, 
.woocommerce input.button {
    transition: all 0.25s ease !important;
}
.woocommerce button.button:active, 
.woocommerce a.button:active, 
.woocommerce input.button:active {
    transform: scale(0.97) !important;
}

/* WooCommerce Notices (Toast Style) */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    background: var(--wsm-paper) !important;
    color: var(--wsm-ink) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    border: none !important;
    border-radius: var(--wsm-radius-card) !important;
    padding: 16px 24px !important;
    min-width: 320px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
    float: none !important;
    margin-left: 16px !important;
    padding: 8px 16px !important;
    background: var(--wsm-cream) !important;
    color: var(--wsm-ink) !important;
}

/* Quantity Adjusters (Custom +/-) */
.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--wsm-line) !important;
    border-radius: var(--wsm-radius-button) !important;
    padding: 0 !important;
    background: var(--wsm-paper) !important;
}
.woocommerce .quantity input.qty {
    border: none !important;
    width: 48px !important;
    text-align: center !important;
    padding: 8px 0 !important;
    font-weight: 700 !important;
    background: transparent !important;
    -moz-appearance: textfield !important;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Variation Swatches (Circles & Pills) */
.woocommerce div.product form.cart .variations {
    margin-bottom: 24px !important;
    border: none !important;
}
.woocommerce div.product form.cart .variations th {
    text-align: left !important;
    padding: 0 0 8px 0 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--wsm-ink-soft) !important;
}
.woocommerce div.product form.cart .variations td {
    padding: 0 0 16px 0 !important;
}

/* Clean Cart/Checkout/Account Forms */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--wsm-cream) !important;
    padding: 32px !important;
    border-radius: var(--wsm-radius-card) !important;
}