/*
Theme Name: Listivo Child - Redeportes
Theme URI: https://redeportes.com/
Description: Tema hijo optimizado y depurado para Redeportes
Author: Equipo Redeportes
Template: listivo
Version: 1.0.3
Text Domain: listivo-child
*/

/* ==========================================================================
   1. PÁGINA DE INICIO: HOVER ÁMBAR CORPORATIVO SUAVE EN CATEGORÍAS
   ========================================================================== */

.elementor-element a:hover[style*="border"],
.elementor-column a:hover[href*="categoria"],
.listivo-term-list-v2-card:hover {
    background-color: rgba(255, 179, 0, 0.92) !important;
    background-image: none !important;
    border-color: #FFB300 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(255, 179, 0, 0.28) !important;
}

.elementor-element a:hover[style*="border"] *,
.elementor-column a:hover[href*="categoria"] *,
.listivo-term-list-v2-card:hover * {
    color: #1e293b !important;
    fill: #1e293b !important;
    background-color: transparent !important;
}

/* ==========================================================================
   2. FORMULARIO DE PUBLICACIÓN (/panel/crear/ y /editar/)
   ========================================================================== */

label.listivo-field-group__label > span,
h3.listivo-panel-form-label__text > span,
.listivo-panel-form-label span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #1e293b !important;
    background-color: #FFB300 !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    margin-left: 5px !important;
    margin-right: 3px !important;
    padding-top: 2px !important;
    box-shadow: 0 1px 3px rgba(255, 179, 0, 0.3) !important;
}

iframe#listivo_description_ifr,
textarea#listivo_description {
    height: 180px !important;
    min-height: 150px !important;
}

label[for="listivo_345"].listivo-field-group__label {
    display: none !important;
}

.listivo-upload-area,
.listivo-upload-area--files {
    padding: 12px 16px !important;
    min-height: 110px !important;
}

.listivo-upload-area .vue-dropzone,
.listivo-upload-area .dropzone {
    min-height: 95px !important;
    padding: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.listivo-upload-area .vue-dropzone.dz-started,
.listivo-upload-area .dropzone.dz-started {
    display: grid !important;
    height: auto !important;
    min-height: 180px !important;
    padding: 18px !important;
}

.listivo-upload-area__bottom {
    margin-top: 8px !important;
}

.listivo-panel-form__single-column {
    margin-bottom: 18px !important;
}

/* ==========================================================================
   3. FICHA DE ANUNCIO: ESPACIOS EQUILIBRADOS, BOTONES E EMAIL CENTRADO
   ========================================================================== */

/* Igualar tamaño (240px x 44px) y separación (8px) en los 3 botones principales */
#btn-wsp-final,
.elementor-widget-lst_ad_link_field a,
.elementor-widget-lst_ad_link_field button,
.redeportes-btn-llamar {
    border-radius: 50px !important;
    overflow: hidden !important;
    width: 240px !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 8px auto !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

/* En móvil mantener oculto el botón de escritorio de WhatsApp */
@media (max-width: 768px) {
    #btn-wsp-final {
        display: none !important;
    }
}

/* Eliminar márgenes extra de los contenedores internos de Elementor entre los 3 botones */
.elementor-widget-lst_ad_link_field,
.elementor-widget-shortcode,
.elementor-widget-html {
    margin-bottom: 0 !important;
}

/* Efecto hover en WhatsApp (#btn-wsp-final) */
#btn-wsp-final:hover {
    background-color: #1ebe5d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(37, 211, 102, 0.3) !important;
}

/* Botón Visitar Sitio Web: azul uniforme sin parche en la flecha y con efecto hover */
.elementor-widget-lst_ad_link_field a,
.elementor-widget-lst_ad_link_field button {
    background-color: #4F76DF !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(79, 118, 223, 0.25) !important;
}

.elementor-widget-lst_ad_link_field a:hover,
.elementor-widget-lst_ad_link_field button:hover {
    background-color: #3b5bdb !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(59, 91, 219, 0.35) !important;
}

.elementor-widget-lst_ad_link_field a *,
.elementor-widget-lst_ad_link_field button * {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

/* Efecto hover en Llamar Ahora */
.redeportes-btn-llamar:hover {
    background-color: #f59e0b !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(245, 158, 11, 0.35) !important;
}

/* Íconos de Redes Sociales (.btn-social): Hover en ámbar corporativo suave */
.contenedor-redes-sociales {
    margin-top: 8px !important;
    margin-bottom: 6px !important;
}

.btn-social:hover {
    background-color: #FFB300 !important;
    border-color: #FFB300 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(255, 179, 0, 0.25) !important;
}

.btn-social:hover svg {
    fill: #1e293b !important;
}

/* EMAIL CORREGIDO (Apuntando a la clase exacta .listivo-attributes-v2__attribute de tu inspector) */
.listivo-attributes-v2 {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 6px 0 !important;
}

.listivo-attributes-v2__attribute {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
    margin: 0 auto !important;
    width: fit-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
}

.listivo-attributes-v2__name {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.3 !important;
}

.listivo-attributes-v2__values {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #0284c7 !important;
    line-height: 1.3 !important;
    word-break: break-all !important;
}

/* Botón Ir con Waze equilibrado a 240px */
#mi-boton-waze,
.boton-waze-estilo,
.redeportes-btn-waze {
    border-radius: 50px !important;
    width: 240px !important;
    max-width: 100% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 8px auto !important;
    border: 1.5px solid #38bdf8 !important;
    background-color: #f0f9ff !important;
    color: #0284c7 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

#mi-boton-waze:hover,
.boton-waze-estilo:hover,
.redeportes-btn-waze:hover {
    background-color: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.18) !important;
}

/* Mapa con hover azul sutil */
#tarjeta-mapa-link,
.mapa-booking-container {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    transition: all 0.25s ease !important;
}

#tarjeta-mapa-link:hover,
.mapa-booking-container:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 6px 16px rgba(56, 189, 248, 0.22) !important;
    background-color: #f0f9ff !important;
    transform: translateY(-2px) !important;
}

/* Ocultar tarjeta inferior de autor y emparejar columna izquierda */
.listivo-listing-user {
    display: none !important;
}

div[style*="border: 1px solid #000"],
div[style*="border: 1px solid black"],
.redeportes-caja-izquierda {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
    padding: 18px 22px !important;
    margin-bottom: 16px !important;
}

/* Carrusel Explora más opciones sin desborde */
.elementor-widget-lst_related_listings,
.listivo-highlight-featured-listings,
.listivo-listing-carousel {
    overflow: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.listivo-highlight-featured-listings {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 16px !important;
}