/*
 * WooProxyPayments 1.6.0 - D24b: site-wide brand alignment for the proxy site.
 * Loaded on every front-end page when the site role is "proxy".
 *
 * The palette and fonts themselves come from the theme's global settings (D24a:
 * Astra global palette + Elementor kit). This file only covers what settings cannot:
 * two hard-coded colours in page CSS, and WooCommerce pieces that ignore the palette.
 * No text, markup or layout is changed.
 */

/* D24b: the only two hard-coded teal rules on the home page (Elementor post 23). */
.elementor-23 .elementor-element.elementor-element-942dfb3 .elementor-heading-title,
.elementor-23 .elementor-element.elementor-element-35bec09 .elementor-image-box-description {
    color: var(--ast-global-color-0) !important;
}

/* D24b: WooCommerce defaults that bypass the theme palette. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-message a.button {
    background-color: var(--ast-global-color-0);
    color: var(--ast-global-color-5);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-5);
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
    border-top-color: var(--ast-global-color-0);
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
    color: var(--ast-global-color-0);
}

.woocommerce .woocommerce-error {
    border-top-color: #D04628;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #EF6820;
    outline: none;
    box-shadow: 0 0 0 3px rgba(239, 104, 32, 0.18);
}