/* ============================================
   WOOCOMMERCE - CLEAN LIGHT CARDS
   ============================================ */

/* Force header logo size protection on WooCommerce pages */
.site-header .header-logo-img,
.site-header .site-logo img {
    max-height: 58px !important;
    height: 58px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
}

.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--r-xl) !important;
    padding: 28px !important;
    margin-bottom: 28px !important;
    box-shadow: var(--shadow) !important;
    color: var(--text) !important;
}

.woocommerce table.shop_table { 
    border: none !important; 
}

.woocommerce table.shop_table th {
    background: var(--surface2) !important;
    color: var(--crimson) !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--border) !important;
    padding: 14px 16px !important;
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid var(--surface2) !important;
    color: var(--text) !important;
    padding: 14px 16px !important;
}

/* ============================================
   FORM INPUTS
============================================ */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
    background: var(--surface2) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
    padding: 12px 16px !important;
    border-radius: var(--r-sm) !important;
    font-weight: 600 !important;
    transition: border-color .2s ease !important;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
    border-color: var(--crimson) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255,42,0,.1) !important;
}

/* ============================================
   BUTTONS
============================================ */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce #respond input[type="submit"] {
    background: var(--grad-flame) !important;
    color: var(--navy) !important;
    font-weight: 800 !important;
    border-radius: var(--pill) !important;
    padding: 12px 28px !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(255,183,3,.3) !important;
    transition: transform .2s ease !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 26px rgba(255,183,3,.5) !important;
}