/**
 * WooCommerce Brand Overrides
 * Replaces blue (#2b7bb9) with red brand color (#991b1e)
 */

/* Primary Brand Color Variables */
:root {
    --aoc-primary: #991b1e;
    --aoc-primary-hover: #7a1518;
    --aoc-primary-light: #b52229;
    --aoc-primary-dark: #661216;
}

/* Links - Only style WooCommerce content links, exclude navigation and footer */
.woocommerce .woocommerce-MyAccount-content a:not(.button):not([class*="btn"]):not(.account-nav a),
.woocommerce .woocommerce-form a:not(.button):not([class*="btn"]),
.woocommerce .woocommerce-account-fields a:not(.button):not([class*="btn"]),
.woocommerce-page .woocommerce-MyAccount-content a:not(.button):not([class*="btn"]):not(.account-nav a),
.woocommerce-page .woocommerce-form a:not(.button):not([class*="btn"]),
.woocommerce-page .woocommerce-account-fields a:not(.button):not([class*="btn"]) {
    color: var(--aoc-primary);
}

.woocommerce .woocommerce-MyAccount-content a:not(.button):not([class*="btn"]):not(.account-nav a):hover,
.woocommerce .woocommerce-form a:not(.button):not([class*="btn"]):hover,
.woocommerce .woocommerce-account-fields a:not(.button):not([class*="btn"]):hover,
.woocommerce-page .woocommerce-MyAccount-content a:not(.button):not([class*="btn"]):not(.account-nav a):hover,
.woocommerce-page .woocommerce-form a:not(.button):not([class*="btn"]):hover,
.woocommerce-page .woocommerce-account-fields a:not(.button):not([class*="btn"]):hover {
    color: var(--aoc-primary-hover);
}

/* Fix only active navigation text color to be readable on red background */
.account-nav a.active {
    color: #fff !important;
}

/* Ensure footer menu links are not affected by WooCommerce overrides */
.fl-builder-content footer a,
.fl-builder-content[data-type="footer"] a,
footer .fl-menu a,
footer .menu a {
    color: inherit !important;
}

/* Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
    background-color: var(--aoc-primary) !important;
    color: #fff !important;
    border: 1px solid var(--aoc-primary-dark) !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
    background-color: var(--aoc-primary-hover) !important;
    color: #fff !important;
    border-color: var(--aoc-primary-dark) !important;
}

/* WooCommerce My Account specific buttons */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"],
.woocommerce-PaymentMethods .button {
    background-color: var(--aoc-primary) !important;
    color: #fff !important;
    border: 1px solid var(--aoc-primary-dark) !important;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-PaymentMethods .button:hover {
    background-color: var(--aoc-primary-hover) !important;
    color: #fff !important;
    border-color: var(--aoc-primary-dark) !important;
}

/* Form inputs focus state */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus {
    border-color: var(--aoc-primary);
    outline-color: var(--aoc-primary);
}

/* Messages */
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--aoc-primary);
}

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

/* Breadcrumbs */
.woocommerce-breadcrumb a,
.woocommerce-MyAccount-navigation-link a {
    color: var(--aoc-primary);
}

.woocommerce-breadcrumb a:hover,
.woocommerce-MyAccount-navigation-link a:hover {
    color: var(--aoc-primary-hover);
}

/* Active navigation */
.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--aoc-primary);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--aoc-primary);
    color: #fff;
}

/* Sale badge */
.woocommerce span.onsale,
.fl-page .fl-module span.onsale {
    background-color: var(--aoc-primary) !important;
}

/* Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--aoc-primary);
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--aoc-primary);
}

/* Star ratings */
.woocommerce .star-rating span::before,
.woocommerce p.stars a:hover::before,
.woocommerce p.stars a.active::before {
    color: var(--aoc-primary);
}

/* Required field asterisk */
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
    color: var(--aoc-primary);
}

/* Override BB Theme specific WooCommerce styles */
.fl-page .fl-module-woocommerce a.button,
.fl-page .fl-module-woocommerce button.button.alt,
.fl-page .fl-post-module-woo-button button[type=submit],
.fl-page .fl-post-module-woo-button button[type=submit].alt.disabled,
.fl-page .fl-post-module-woo-button a.button,
.woocommerce-page ul.products li.product a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button.wc-forward,
.woocommerce-page .woocommerce a.button.wc-forward,
.woocommerce-page button.button,
.woocommerce-page button.button.alt,
.woocommerce-page a.button,
.woocommerce-page a.button.alt,
.woocommerce-page .woocommerce button[type=submit],
.woocommerce-page button[type=submit].alt.disabled {
    background-color: var(--aoc-primary) !important;
    border: 1px solid var(--aoc-primary-dark) !important;
}

.fl-page .fl-module-woocommerce a.button:hover,
.fl-page .fl-module-woocommerce button.button.alt:hover,
.fl-page .fl-post-module-woo-button button[type=submit]:hover,
.fl-page .fl-post-module-woo-button a.button:hover,
.woocommerce-page ul.products li.product a.button:hover,
.woocommerce-page .woocommerce-message a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page .woocommerce button[type=submit]:hover,
.woocommerce-page button[type=submit].alt.disabled:hover {
    background-color: var(--aoc-primary-hover) !important;
    border-color: var(--aoc-primary-dark) !important;
}

/* General form buttons */
button,
input[type=button],
input[type=submit] {
    background-color: var(--aoc-primary) !important;
    border: 1px solid var(--aoc-primary-dark) !important;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    background-color: var(--aoc-primary-hover) !important;
    border-color: var(--aoc-primary-dark) !important;
}

/* Remove text decoration from buttons */
.woocommerce a.button,
.woocommerce-page a.button {
    text-decoration: none !important;
}

/* Ensure white text on all buttons and button-like elements */
.woocommerce button,
.woocommerce input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page button,
.woocommerce-page input[type="submit"],
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"],
.woocommerce-PaymentMethods .button,
.fl-page .fl-module-woocommerce a.button,
.fl-page .fl-module-woocommerce button.button,
.fl-page .fl-post-module-woo-button button[type=submit],
.fl-page .fl-post-module-woo-button a.button,
button,
input[type=button],
input[type=submit] {
    color: #fff !important;
}

/* Ensure white text on button hover states */
.woocommerce button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page button:hover,
.woocommerce-page input[type="submit"]:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-PaymentMethods .button:hover,
.fl-page .fl-module-woocommerce a.button:hover,
.fl-page .fl-module-woocommerce button.button:hover,
.fl-page .fl-post-module-woo-button button[type=submit]:hover,
.fl-page .fl-post-module-woo-button a.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    color: #fff !important;
}

/* Special case for text links that should remain readable */
.woocommerce-breadcrumb a,
.woocommerce-MyAccount-navigation-link a,
.woocommerce .woocommerce-ordering select,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: var(--aoc-primary) !important;
    background: transparent !important;
}

.woocommerce-breadcrumb a:hover,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--aoc-primary-hover) !important;
    background: transparent !important;
}