/**
 * Override de colores del tema - evita que el rosa u otros colores del tema
 * se apliquen a los elementos del plugin Club Riomonte.
 * Plugin: Club Riomonte
 */

/* Colores de marca del plugin: rojo #E85246, hover #d14535 */

/* Contenedores del plugin: anular variables CSS del tema que puedan ser rosa */
.club-riomonte-lookup-container,
.club-riomonte-store-public-wrapper,
.benefits-directory,
.benefits-slider-section,
.stores-directory,
.stores-slider,
.store-pin-container,
.club-riomonte-store-benefits-list {
    --club-riomonte-accent: #E85246;
    --club-riomonte-accent-hover: #d14535;
}

/* Enlaces: forzar color rojo del plugin, nunca heredar rosa del tema */
/* IMPORTANTE: solo apuntar a contenedores del plugin, no a clases del body */
.club-riomonte-lookup-container a:not(.club-details-value a),
.club-riomonte-store-public-wrapper a:not([href^="mailto:"]):not([href^="tel:"]):not(.club-riomonte-store-contact-result a):not(.club-riomonte-store-contact-step2-btn),
.benefits-directory .benefits-filter-clear,
.store-pin-container a,
.club-riomonte-store-benefits-list .benefit-card-store-name,
.club-riomonte-store-contact-subscribe-link {
    color: #E85246 !important;
}

.club-riomonte-lookup-container a:hover:not(.club-details-value a),
.club-riomonte-store-public-wrapper a:hover:not([href^="mailto:"]):not([href^="tel:"]):not(.club-riomonte-store-contact-result a):not(.club-riomonte-store-contact-step2-btn),
.benefits-directory .benefits-filter-clear:hover,
.store-pin-container a:hover,
.club-riomonte-store-benefits-list .benefit-card-store-name:hover,
.club-riomonte-store-contact-subscribe-link:hover {
    color: #d14535 !important;
}

/* Botones tipo enlace (Conocer más): texto blanco, fondo rojo - anular tema */
.stores-directory .store-card-btn,
.stores-slider .store-card-btn {
    color: white !important;
    background: #E85246 !important;
    background-color: #E85246 !important;
}

.stores-directory .store-card-btn:hover,
.stores-slider .store-card-btn:hover,
.stores-directory .store-card-btn:focus,
.stores-slider .store-card-btn:focus,
.stores-directory .store-card-btn:focus-visible,
.stores-slider .store-card-btn:focus-visible {
    color: white !important;
    background: #d14535 !important;
    background-color: #d14535 !important;
    box-shadow: none !important;
}

/* Flechas del slider: anular rosa del tema en :focus tras hacer clic */
.stores-slider .stores-slider-arrow,
.stores-slider .stores-slider-arrow:focus,
.stores-slider .stores-slider-arrow:focus-visible,
.stores-slider .stores-slider-arrow:active {
    background: #E85246 !important;
    background-color: #E85246 !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.stores-slider .stores-slider-arrow:hover,
.stores-slider .stores-slider-arrow:focus,
.stores-slider .stores-slider-arrow:focus-visible {
    background: #d14535 !important;
    background-color: #d14535 !important;
}

/* Popup contacto: botones WhatsApp y Email siempre texto blanco */
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn:hover,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn:focus,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-whatsapp,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-email {
    color: #fff !important;
}
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn svg {
    fill: #fff !important;
    color: #fff !important;
}
/* Burbuja "¿Cómo acceder?": siempre blanca, sin rosa del tema en hover */
.club-riomonte-store-public-wrapper .club-riomonte-store-help-bubble-btn,
.club-riomonte-store-public-wrapper .club-riomonte-store-help-bubble-btn:hover,
.club-riomonte-store-public-wrapper .club-riomonte-store-help-bubble-btn:focus {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}
.club-riomonte-store-public-wrapper .club-riomonte-store-help-bubble-btn:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.22) !important;
}
/* Hover botón negro (Email): solo variar ligeramente el fondo, texto sigue blanco */
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-email:hover,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-email:focus {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: #fff !important;
}
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-whatsapp:hover,
.club-riomonte-store-public-wrapper .club-riomonte-store-contact-step2-btn-whatsapp:focus {
    background: #20bd5a !important;
    background-color: #20bd5a !important;
    color: #fff !important;
}

/* Enlaces de email/tel: azul neutral (excluir botones del popup contacto) */
.club-riomonte-lookup-container a[href^="mailto:"],
.club-riomonte-lookup-container a[href^="tel:"],
.club-riomonte-store-public-wrapper a[href^="mailto:"]:not(.club-riomonte-store-contact-step2-btn),
.club-riomonte-store-public-wrapper a[href^="tel:"]:not(.club-riomonte-store-contact-step2-btn),
.club-riomonte-store-contact-result a {
    color: #0073aa !important;
}

/* Tarjetas benefit-card (enlaces): texto cuerpo #333, nombre comercio en rojo */
.benefits-directory .benefit-card,
.benefits-slider-section .benefit-card {
    color: #333 !important;
}

.benefits-directory .benefit-card .benefit-card-store-name,
.benefits-slider-section .benefit-card .benefit-card-store-name {
    color: #E85246 !important;
}

.benefits-directory .benefit-card:hover .benefit-card-store-name,
.benefits-slider-section .benefit-card:hover .benefit-card-store-name {
    color: #d14535 !important;
}

/* Inputs y selects: evitar que hereden colores del tema */
.club-riomonte-lookup-container input,
.club-riomonte-store-public-wrapper input,
.club-riomonte-store-public-wrapper select,
.benefits-directory input,
.benefits-directory select,
.stores-directory input,
.stores-directory select {
    color: #333 !important;
    background-color: #fff !important;
}

/* Slider: anular cualquier focus/outline/box-shadow que use colores del tema (p. ej. rosa) */
.stores-slider button,
.stores-slider button:focus,
.stores-slider button:focus-visible,
.stores-slider a,
.stores-slider a:focus,
.stores-slider a:focus-visible,
.benefits-directory .benefits-slider-wrap button,
.benefits-directory .benefits-slider-wrap button:focus,
.benefits-directory .benefits-slider-wrap button:focus-visible,
.benefits-directory .benefits-slider a:focus,
.benefits-directory .benefits-slider a:focus-visible,
.benefits-slider-section .benefits-slider-wrap button,
.benefits-slider-section .benefits-slider-wrap button:focus,
.benefits-slider-section .benefits-slider-wrap button:focus-visible,
.benefits-slider-section .benefits-slider a:focus,
.benefits-slider-section .benefits-slider a:focus-visible {
    box-shadow: none !important;
}

.stores-slider .stores-slider-arrow svg,
.benefits-directory .benefits-slider-arrow svg,
.benefits-slider-section .benefits-slider-arrow svg {
    color: inherit;
}

/* Flechas del slider de beneficios */
.benefits-directory .benefits-slider-arrow,
.benefits-directory .benefits-slider-arrow:focus,
.benefits-directory .benefits-slider-arrow:focus-visible,
.benefits-directory .benefits-slider-arrow:active,
.benefits-slider-section .benefits-slider-arrow,
.benefits-slider-section .benefits-slider-arrow:focus,
.benefits-slider-section .benefits-slider-arrow:focus-visible,
.benefits-slider-section .benefits-slider-arrow:active {
    background: #E85246 !important;
    background-color: #E85246 !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.benefits-directory .benefits-slider-arrow:hover,
.benefits-slider-section .benefits-slider-arrow:hover {
    background: #d14535 !important;
    background-color: #d14535 !important;
}

/* Anular cualquier accent/link color que pueda venir del tema en Elementor o bloque */
.elementor-widget-container .benefits-directory,
.elementor-widget-container .benefits-slider-section,
.elementor-widget-container .stores-directory,
.elementor-widget-container .stores-slider,
.elementor-widget-container .benefits-slider,
.elementor-widget-container .club-riomonte-lookup-container,
.elementor-widget-container .club-riomonte-store-public-wrapper,
.elementor-widget-container .store-pin-container,
.wp-block-group .benefits-directory,
.wp-block-group .benefits-slider-section,
.wp-block-group .stores-directory,
.wp-block-group .stores-slider,
.wp-block-group .benefits-slider,
.wp-block-group .club-riomonte-lookup-container,
.wp-block-group .club-riomonte-store-public-wrapper,
.wp-block-group .store-pin-container {
    --wp--preset--color--primary: #E85246 !important;
    --e-global-color-primary: #E85246 !important;
}