/*
 * PhideoShare WooCommerce Color Overrides
 * Loaded AFTER bryze-shop-styling to swap blue (#667eea) → red (#e8585d)
 */

/* ==========================================================================
   Links — red instead of blue
   ========================================================================== */
.woocommerce-page .entry-content a,
.woocommerce a:not(.button),
body.woocommerce-account .entry-content a:not(.button) {
    color: #e8585d;
}

.woocommerce-page .entry-content a:hover,
.woocommerce a:not(.button):hover,
body.woocommerce-account .entry-content a:not(.button):hover {
    color: #f07070;
}

/* ==========================================================================
   Product cards — red hover glow
   ========================================================================== */
.woocommerce ul.products li.product:hover {
    border-color: rgba(232, 88, 93, 0.4);
}

.woocommerce ul.products li.product .price {
    color: #e8585d;
}

/* ==========================================================================
   Buttons — PhideoShare red gradient
   ========================================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
body.woocommerce-account a.button,
body.woocommerce-account button.button {
    background: linear-gradient(135deg, #e8585d 0%, #d44449 100%) !important;
    box-shadow: 0 4px 15px rgba(232, 88, 93, 0.3);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
body.woocommerce-account a.button:hover,
body.woocommerce-account button.button:hover {
    background: linear-gradient(135deg, #f07070 0%, #e8585d 100%) !important;
    box-shadow: 0 6px 20px rgba(232, 88, 93, 0.45);
}

/* ==========================================================================
   Forms — red focus
   ========================================================================== */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
body.woocommerce-account form input:focus,
body.woocommerce-account form textarea:focus,
body.woocommerce-account form select:focus {
    border-color: #e8585d;
    box-shadow: 0 0 0 3px rgba(232, 88, 93, 0.25);
}

/* ==========================================================================
   Notices — red accent
   ========================================================================== */
.woocommerce-message,
.woocommerce-info {
    background: rgba(232, 88, 93, 0.15);
    border-top-color: #e8585d;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #e8585d;
}

/* ==========================================================================
   My Account nav — red active state
   ========================================================================== */
.woocommerce-MyAccount-navigation ul li a:hover {
    border-left-color: rgba(232, 88, 93, 0.5);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(232, 88, 93, 0.15);
    border-left-color: #e8585d;
}

.woocommerce-MyAccount-content a {
    color: #e8585d;
}

.woocommerce-MyAccount-content a:hover {
    color: #f07070;
}

/* Address header border */
.woocommerce-Addresses .woocommerce-Address header h3,
.woocommerce-column__title {
    border-bottom-color: rgba(232, 88, 93, 0.5);
}

/* ==========================================================================
   Product page — red prices + tabs
   ========================================================================== */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .woocommerce-variation-price .price {
    color: #e8585d;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #e8585d !important;
}

/* ==========================================================================
   Checkout Blocks — red button
   ========================================================================== */
.wc-block-components-button.wp-element-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button {
    background: linear-gradient(135deg, #e8585d 0%, #d44449 100%) !important;
    box-shadow: 0 4px 15px rgba(232, 88, 93, 0.3);
}

.wc-block-components-button.wp-element-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:hover {
    background: linear-gradient(135deg, #f07070 0%, #e8585d 100%) !important;
    box-shadow: 0 6px 20px rgba(232, 88, 93, 0.45);
}

/* ==========================================================================
   Star ratings, sale badge, pagination — red
   ========================================================================== */
.woocommerce .star-rating span::before {
    color: #e8585d;
}

.woocommerce span.onsale {
    background: linear-gradient(135deg, #e8585d 0%, #d44449 100%);
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #e8585d;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: rgba(232, 88, 93, 0.2);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #e8585d;
    border-color: #e8585d;
}

/* ==========================================================================
   License section — red accent
   ========================================================================== */
.bryze-licenses-thankyou,
.bryze-licenses-order-details {
    background: rgba(232, 88, 93, 0.1);
    border-color: rgba(232, 88, 93, 0.25);
}

.bryze-licenses-thankyou h2,
.bryze-licenses-order-details h2 {
    color: #e8585d;
}