/* ── Save Cart Button (Cart + Checkout pages) ── */
.elevate-save-cart-btn {
    display: inline-block;
    background: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 8px;
}
.elevate-save-cart-btn:hover {
    background: #e8e8e8 !important;
    border-color: #999 !important;
}
.elevate-save-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.elevate-save-cart-btn.elevate-sc-saved {
    background: #d4edda !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}
.elevate-save-cart-wrap {
    margin-bottom: 15px;
}

/* ── My Account Saved Carts Table ── */
.elevate-saved-carts-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.elevate-saved-carts-table th {
    background: #f8f8f8;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 12px;
    text-align: left;
    border-bottom: 2px solid #ddd;
    color: #333;
}
.elevate-saved-carts-table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    vertical-align: middle;
    color: #444;
}

/* ── Action Buttons (matching grey/black style) ── */
.elevate-sc-actions {
    white-space: nowrap;
}
.elevate-sc-btn {
    display: inline-block !important;
    background: #f0f0f0 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 2px !important;
    min-width: auto !important;
    line-height: 1.4 !important;
}
.elevate-sc-btn:hover {
    background: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
}
.elevate-sc-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.elevate-sc-delete:hover {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

/* ── Detail Row (expanded view) ── */
.elevate-sc-detail-row td {
    background: #fafafa;
    padding: 15px 20px !important;
}
.elevate-sc-items-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
.elevate-sc-items-table th {
    background: #eee;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.elevate-sc-items-table td {
    padding: 8px 10px;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    color: #444;
}

/* ── Fix WooCommerce My Account button styles (grey/black) ── */
.woocommerce-MyAccount-content .button,
.woocommerce-orders-table .button,
.woocommerce-MyAccount-orders .button {
    background: #f0f0f0 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    display: inline-block;
    margin: 2px !important;
    line-height: 1.4 !important;
    transition: all 0.2s ease;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-orders-table .button:hover,
.woocommerce-MyAccount-orders .button:hover {
    background: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* ── Fix inconsistent button sizes in Orders table ── */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button {
    min-width: 70px;
    text-align: center;
}