/**
 * DiabluCOS — correcciones WCAG AA (contraste).
 * Sobrescribe estilos en línea del slider Qode y botones cuando el tema
 * aplica colores demasiado claros.
 */

/* Slider: spans con color y fondo blancos (texto invisible / 1:1) */
.q_slider h2.q_slide_title span,
.q_slider h4.q_slide_subtitle span,
.carousel .q_slide_title span,
.carousel .q_slide_subtitle span,
.carousel-inner h2.q_slide_title span,
.carousel-inner h4.q_slide_subtitle span {
    color: inherit !important;
    background-color: transparent !important;
}

/* Botón "verde" del tema usado como primario cyan: #00AFFA + blanco ≈ 2.5:1 (falla AA) */
a.qbutton.green,
.q_slider a.qbutton.green,
.carousel-inner a.qbutton.green,
p a.qbutton.green {
    background-color: #0079bd !important;
    border-color: #006ead !important;
    color: #ffffff !important;
}

a.qbutton.green:hover,
.q_slider a.qbutton.green:hover,
.carousel-inner a.qbutton.green:hover,
p a.qbutton.green:hover {
    background-color: #005f94 !important;
    border-color: #005286 !important;
    color: #ffffff !important;
}

/* Botón blanco: texto oliva #728242 sobre #fff no alcanza 4.5:1 */
a.qbutton.white,
.q_slider a.qbutton.white,
.carousel-inner a.qbutton.white {
    background-color: #ffffff !important;
    border-color: #5a6b5a !important;
    color: #2f3818 !important;
}

a.qbutton.white:hover,
.q_slider a.qbutton.white:hover,
.carousel-inner a.qbutton.white:hover {
    background-color: #f0f4ec !important;
    border-color: #2f3818 !important;
    color: #1c2212 !important;
}

/* WooCommerce: "Seleccionar opciones" sobre imagen atenuada — contraste variable */
.woocommerce ul.products li.product .add-to-cart-button,
.woocommerce-page ul.products li.product .add-to-cart-button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce-page ul.products li.product .added_to_cart {
    background-color: #ffffff !important;
    border-color: #2a2a2a !important;
    color: #1a1a1a !important;
}

.woocommerce ul.products li.product .add-to-cart-button:hover,
.woocommerce-page ul.products li.product .add-to-cart-button:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce-page ul.products li.product .added_to_cart:hover {
    background-color: #0079bd !important;
    border-color: #005f94 !important;
    color: #ffffff !important;
}