/**
 * Checkout & Cart Page Fixes
 * Optimized and comprehensive styling fixes
 */

/* ==========================================================================
   Input Fields Styling
   ========================================================================== */

.eai-input,
.eai-textarea {
    background-color: #f9f9f9 !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.eai-input:hover,
.eai-textarea:hover {
    background-color: #ffffff !important;
    border-color: #999 !important;
}

.eai-input:focus,
.eai-textarea:focus {
    background-color: #ffffff !important;
    border-color: #007cba !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1) !important;
}

/* ==========================================================================
   Checkout Review Order Table - Fix White Text
   ========================================================================== */

/* CartFlows 2.x compatibility */
.cartflows-2\.1\.14 .woocommerce-checkout-review-order-table,
.cartflows-2\.2\.1 .woocommerce-checkout-review-order-table,
.cartflows-2\.1\.14 .shop_table,
.cartflows-2\.2\.1 .shop_table,
.woocommerce-checkout-review-order-table,
.shop_table {
    color: #333 !important;
}

/* All table elements */
.cartflows-2\.1\.14 .woocommerce-checkout-review-order-table *,
.cartflows-2\.2\.1 .woocommerce-checkout-review-order-table *,
.woocommerce-checkout-review-order-table *,
.shop_table * {
    color: #333 !important;
}

/* Alternating row colors */
.cartflows-2\.1\.14 .alt,
.cartflows-2\.2\.1 .alt,
.shop_table tr.alt td {
    background-color: rgba(0, 0, 0, 0.02) !important;
    color: #333 !important;
}

/* Product names and totals */
.product-name,
.product-total,
.cart-subtotal,
.order-total {
    color: #333 !important;
}

.product-name a {
    color: #007cba !important;
    text-decoration: none !important;
}

.product-name a:hover {
    color: #005a87 !important;
}

/* Price amounts */
.amount,
.woocommerce-Price-amount,
bdi {
    color: #333 !important;
}

/* ==========================================================================
   Order Overview (Order Received Page)
   ========================================================================== */

.woocommerce-order-overview,
.woocommerce-order-overview li,
.woocommerce-order-details {
    color: #333 !important;
}

.woocommerce-order-overview__order,
.woocommerce-order-overview__date,
.woocommerce-order-overview__email,
.woocommerce-order-overview__total {
    color: #333 !important;
}

.woocommerce-order-overview li strong,
.woocommerce-order-details strong {
    color: #000 !important;
}

/* ==========================================================================
   Error Messages
   ========================================================================== */

.cartflows-2\.1\.14 .woocommerce-error li,
.cartflows-2\.2\.1 .woocommerce-error li,
.woocommerce-error li {
    color: #d63638 !important;
}

/* ==========================================================================
   Attendee Button in Checkout Review
   ========================================================================== */

.cartflows-2\.1\.14 .woocommerce-checkout-review-order .eai-cart-attendee-btn,
.cartflows-2\.2\.1 .woocommerce-checkout-review-order .eai-cart-attendee-btn,
.woocommerce-checkout-review-order .eai-cart-attendee-btn {
    background-color: #11abf8 !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    padding: 8px 14px !important;
    border: none !important;
    border-radius: 6px !important;
    margin-top: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cartflows-2\.1\.14 .woocommerce-checkout-review-order .eai-cart-attendee-btn:hover,
.cartflows-2\.2\.1 .woocommerce-checkout-review-order .eai-cart-attendee-btn:hover,
.woocommerce-checkout-review-order .eai-cart-attendee-btn:hover {
    background-color: #0e8fc9 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(17, 171, 248, 0.3) !important;
}

.cartflows-2\.1\.14 .woocommerce-checkout-review-order .dashicons-groups,
.cartflows-2\.2\.1 .woocommerce-checkout-review-order .dashicons-groups,
.woocommerce-checkout-review-order .dashicons-groups {
    color: #ffffff !important;
}

/* ==========================================================================
   Place Order Button
   ========================================================================== */

.woocommerce #payment #place_order,
#place_order,
button#place_order {
    background-color: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce #payment #place_order:hover,
#place_order:hover,
button#place_order:hover {
    background-color: #e64a19 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 87, 34, 0.4) !important;
}

.woocommerce #payment #place_order:active,
#place_order:active {
    transform: translateY(0) !important;
}

/* ==========================================================================
   Coupon & Apply Button
   ========================================================================== */

.woocommerce-form-coupon button,
button.button[name="apply_coupon"],
.coupon .button {
    background-color: #11abf8 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-form-coupon button:hover,
button.button[name="apply_coupon"]:hover,
.coupon .button:hover {
    background-color: #0e8fc9 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Additional Fixes
   ========================================================================== */

/* Table backgrounds */
table.shop_table tbody tr,
table.shop_table tfoot tr {
    background: transparent !important;
}

/* Headings */
.woocommerce-order-details__title,
h2.woocommerce-order-details__title,
.woocommerce-column__title {
    color: #333 !important;
}

/* Links in tables */
.shop_table a {
    color: #007cba !important;
}

.shop_table a:hover {
    color: #005a87 !important;
}