/* ==========================================================================
   VRI WooCommerce Overrides
   ========================================================================== */

/* Accent color on WooCommerce buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--vri-color-primary) !important;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-family: var(--vri-font-heading);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--vri-color-active-nav) !important;
    transform: scale(1.02);
}

/* WooCommerce messages */
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--vri-color-primary) !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--vri-color-primary) !important;
}

.woocommerce-error {
    border-top-color: #dc3545 !important;
}

/* Price styling */
.woocommerce div.product span.price,
.woocommerce div.product p.price {
    color: var(--vri-color-primary);
    font-family: var(--vri-font-heading);
}

/* Star ratings */
.woocommerce .star-rating span::before {
    color: var(--vri-color-primary);
}

/* Cart info - hide (VRI uses custom checkout) */
.et-cart-info {
    display: none !important;
}

/* ==========================================================================
   Override WooCommerce default purple accents (#ebe9eb / #dcd7e2 / #c8bfc6)
   on the WC /checkout-2/ payment screen and other WC surfaces.
   ========================================================================== */
.woocommerce table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce #order_review table,
.woocommerce-cart table.cart {
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
    background: #fff !important;
}
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce-checkout #order_review thead th,
.woocommerce-checkout #order_review tbody td,
.woocommerce-checkout #order_review tfoot td {
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
    background: #fff !important;
    color: var(--vri-color-primary, #006B9D) !important;
}
.woocommerce table.shop_table thead th {
    background: var(--vri-sand-100, #EDF4F9) !important;
}
.woocommerce #payment,
.woocommerce-checkout #payment,
#order_review,
.woocommerce-checkout-review-order {
    background: #fff !important;
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
}
.woocommerce #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    background: var(--vri-sand-50, #F5F9FC) !important;
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
}
.woocommerce #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: var(--vri-sand-100, #EDF4F9) !important;
    color: var(--vri-color-primary, #006B9D) !important;
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
}
.woocommerce #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: var(--vri-sand-100, #EDF4F9) !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-notice--info {
    background: var(--vri-sand-100, #EDF4F9) !important;
    border-top-color: var(--vri-color-secondary, #3E8FBB) !important;
    color: var(--vri-color-primary, #006B9D) !important;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-notice--info::before {
    color: var(--vri-color-secondary, #3E8FBB) !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
    border-color: var(--vri-color-border-light, #C8DCE8) !important;
    background: #fff !important;
    color: var(--vri-color-primary, #006B9D) !important;
}
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce #place_order {
    background: var(--vri-color-primary, #006B9D) !important;
    color: #fff !important;
    border-color: var(--vri-color-primary, #006B9D) !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce #place_order:hover {
    background: var(--vri-color-link-hover, #004E73) !important;
    border-color: var(--vri-color-link-hover, #004E73) !important;
}
