/* tribe-events.css — Reskin de The Events Calendar (Views v2) para PUDE Theme
   Cubre: vista Mes, vista Lista, vista Día y página de evento individual.
   Solo se enqueuea en páginas del plugin, ver functions.php. */

/* ══════════════════════════════════════════════
   1. VARIABLES DE TRIBE COMMON → TOKENS PUDE
══════════════════════════════════════════════ */
.tribe-common {
    --tribe-common-font-family-base: var(--font-body);
    --tribe-common-font-family-alt:  var(--font-heading);

    --tribe-common-color-text-primary:        var(--pude-text);
    --tribe-common-color-text-secondary:      var(--pude-text-muted);
    --tribe-common-color-text-list-day:       var(--pude-text);
    --tribe-common-color-text-list-meta:      var(--pude-text-muted);
    --tribe-common-color-text-list-meta-icon: var(--pude-accent);

    --tribe-common-color-accent-primary:            var(--pude-accent);
    --tribe-common-color-accent-primary-active:     var(--pude-accent);
    --tribe-common-color-accent-primary-background: rgba(58, 170, 140, 0.14);
    --tribe-common-color-accent-secondary:          var(--pude-accent);
    --tribe-common-color-accent-secondary-active:   var(--pude-accent);
    --tribe-common-color-accent-secondary-background: rgba(58, 170, 140, 0.14);

    --tribe-common-color-background-base: var(--pude-bg-alt);
    color: var(--pude-text) !important;
    background: var(--pude-bg-alt) !important;
}

/* Red de seguridad: cualquier texto del plugin que no tenga una regla
   puntual más abajo cae en el color claro del sitio, no en el gris/negro por defecto */
.tribe-events, .tribe-events *,
.tribe-common, .tribe-common * {
    color: var(--pude-text);
}

/* ══════════════════════════════════════════════
   2. WRAPPER GENERAL — superficie propia, no el negro de la página
══════════════════════════════════════════════ */
.tribe-events,
.tribe-events-single {
    font-family: var(--font-body);
    color: var(--pude-text);
    background: var(--pude-bg-alt);
    border: 1px solid var(--pude-border);
    border-radius: 18px;
    max-width: 1240px;
    margin: 32px auto;
    padding: 32px 24px 80px;
}

.tribe-events a { color: var(--pude-accent); }

.tribe-events-header,
.tribe-events-c-top-bar,
.tribe-events-c-messages,
.tribe-events-calendar-month__header,
.tribe-events-calendar-list,
.tribe-events-calendar-day {
    background: var(--pude-bg-alt) !important;
    border-color: var(--pude-border) !important;
}

/* Barra completa: un solo bloque con fondo y borde exterior; nada adentro tiene fondo/borde propio */
.tribe-events-header__events-bar.tribe-events-c-events-bar {
    background: var(--pude-bg) !important;
    border: 1px solid var(--pude-border) !important;
    border-radius: 10px;
    box-shadow: none !important;
}
.tribe-events-c-events-bar__search-container,
.tribe-events-c-events-bar__search,
.tribe-events-c-search,
.tribe-events-c-search__input-group,
.tribe-common-form-control-text,
.tribe-events-c-search__input-control,
.tribe-events-c-events-bar__views,
.tribe-events-c-view-selector,
.tribe-events-c-view-selector__button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-search__button,
.tribe-events .tribe-events-c-view-selector__button,
.tribe-events .tribe-common-c-btn,
.tribe-events button.tribe-common-c-btn,
.tribe-events a.tribe-common-c-btn {
    background: var(--pude-accent) !important;
    color: var(--pude-bg) !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700;
    font-family: var(--font-body);
    transition: background-color 0.18s ease, color 0.18s ease;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:focus,
.tribe-events .tribe-events-c-view-selector__button:hover,
.tribe-events .tribe-events-c-view-selector__button:focus,
.tribe-events .tribe-common-c-btn:hover,
.tribe-events .tribe-common-c-btn:focus,
.tribe-events button.tribe-common-c-btn:hover,
.tribe-events a.tribe-common-c-btn:hover {
    background: #4bc9a6 !important;
    color: var(--pude-bg) !important;
}

.tribe-events .tribe-common-c-btn--border,
.tribe-events .tribe-common-c-btn-border-small {
    background: transparent !important;
    color: var(--pude-text) !important;
    border: 1px solid var(--pude-border) !important;
    border-radius: 999px !important;
}

.tribe-events .tribe-common-c-btn--border:hover,
.tribe-events .tribe-common-c-btn--border:focus,
.tribe-events .tribe-common-c-btn-border-small:hover,
.tribe-events .tribe-common-c-btn-border-small:focus {
    background: rgba(58, 170, 140, 0.14) !important;
    color: var(--pude-accent) !important;
    border-color: var(--pude-accent) !important;
}

/* Botones "clear" (selector de vista, datepicker) — sin pill, solo texto que resalta en hover */
.tribe-events .tribe-common-c-btn__clear {
    color: var(--pude-text) !important;
    background: transparent !important;
}
.tribe-events .tribe-common-c-btn__clear:hover,
.tribe-events .tribe-common-c-btn__clear:focus {
    color: var(--pude-accent) !important;
}

/* Los iconos SVG de Tribe heredan color via currentColor */
.tribe-events .tribe-common-c-svgicon__svg-fill {
    fill: currentColor !important;
}

.tribe-events input[type="text"],
.tribe-events input[type="search"],
.tribe-events input[type="date"],
.tribe-events select {
    background: transparent !important;
    color: var(--pude-text) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Panel desplegable del selector de vista: sin borde, sin fondo propio */
.tribe-events-c-view-selector__content {
    background: var(--pude-bg) !important;
    border: none !important;
    box-shadow: none !important;
}
.tribe-events-c-view-selector__list,
.tribe-events-c-view-selector__list-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.tribe-events-c-view-selector__list-item-link {
    color: var(--pude-text) !important;
    background: transparent !important;
    border: none !important;
}
.tribe-events-c-view-selector__list-item-text,
.tribe-events-c-view-selector__list-item-icon-svg {
    color: var(--pude-text) !important;
}
.tribe-events-c-view-selector__list-item:hover,
.tribe-events-c-view-selector__list-item:hover .tribe-events-c-view-selector__list-item-link,
.tribe-events-c-view-selector__list-item-link:hover,
.tribe-events-c-view-selector__list-item-link:focus,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
    color: var(--pude-accent) !important;
    background: transparent !important;
    font-weight: 700;
    border: none !important;
    border-bottom: 2px solid var(--pude-accent) !important;
    box-shadow: none !important;
}
.tribe-events-c-view-selector__list-item:hover .tribe-events-c-view-selector__list-item-text,
.tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-text,
.tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-text,
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text {
    color: var(--pude-accent) !important;
}

/* ══════════════════════════════════════════════
   3. VISTA MES
══════════════════════════════════════════════ */
.tribe-events-calendar-month,
.tribe-events-calendar-month__header {
    background: var(--pude-bg-alt) !important;
    border-color: var(--pude-border) !important;
}

/* .tribe-events-calendar-month__day es el <td> real de la grilla;
   __day-cell es el botón mobile + panel oculto para accesibilidad, no la celda visible */
.tribe-events-calendar-month__day {
    background: #141d19 !important;
    border-color: var(--pude-border) !important;
}

.tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day-date-daynum {
    color: var(--pude-text) !important;
}
/* .tribe-events a fuerza acento en todos los links; el número de día debe ganarle */
.tribe-events-calendar-month__day-date-link {
    color: var(--pude-text) !important;
}
.tribe-events-calendar-month__day-date-link:hover {
    color: var(--pude-accent) !important;
}

/* La franja/barra del evento debe distinguirse de la celda, no compartir su tono */
.tribe-events-calendar-month__multiday-event-bar-inner {
    background: var(--pude-accent) !important;
    border-color: var(--pude-accent) !important;
}
.tribe-events-calendar-month__multiday-event-bar-title {
    color: var(--pude-bg) !important;
    font-weight: 700;
}

.tribe-events-calendar-month__day--other-month {
    background: var(--pude-bg-alt) !important;
}

.tribe-events-calendar-month__day:hover {
    background: rgba(58, 170, 140, 0.1) !important;
}

.tribe-events-calendar-month__day--current {
    background: rgba(58, 170, 140, 0.1) !important;
    box-shadow: inset 0 0 0 1px var(--pude-accent);
}

.tribe-events-calendar-month__day-cell--current .tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day-cell--selected {
    color: var(--pude-accent) !important;
}

/* Botón visible en mobile (reemplaza al <td> como celda táctil) */
.tribe-events-calendar-month__day-cell--mobile {
    background: transparent !important;
}

.tribe-events-calendar-month__calendar-event-title-link,
.tribe-events-calendar-month__multiday-event-title {
    color: var(--pude-text) !important;
}
.tribe-events-calendar-month__calendar-event-title-link:hover,
.tribe-events-calendar-month__multiday-event-title:hover {
    color: var(--pude-accent) !important;
}

.tribe-events-calendar-month__calendar-event--featured,
.tribe-events-calendar-month__multiday-event--featured {
    background: rgba(58, 170, 140, 0.14) !important;
}

.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-calendar-month__nav-link {
    color: var(--pude-text) !important;
    background: transparent !important;
}
.tribe-events-c-nav__prev:hover,
.tribe-events-c-nav__next:hover,
.tribe-events-calendar-month__nav-link:hover {
    color: var(--pude-accent) !important;
    background: transparent !important;
}

/* ══════════════════════════════════════════════
   4. VISTA LISTA / DÍA
══════════════════════════════════════════════ */
/* __event-row es el <li> externo (borde visible); __event es el <article> interno (sin borde) */
.tribe-events-calendar-list__event-row {
    background: var(--pude-bg) !important;
    border: 1px solid var(--pude-border) !important;
    border-radius: 14px;
}
.tribe-events-calendar-list__event {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-day__event-title-link {
    color: var(--pude-text) !important;
    font-family: var(--font-heading);
}
.tribe-events-calendar-list__event-title-link:hover,
.tribe-events-calendar-day__event-title-link:hover {
    color: var(--pude-accent) !important;
}

/* Separador de mes en vista lista */
.tribe-events-calendar-list__month-separator-text {
    color: var(--pude-text) !important;
}

/* Texto de mes/año en la top bar */
.tribe-events-c-top-bar__datepicker-button,
.tribe-events-c-top-bar__datepicker-time,
.tribe-events-c-top-bar__datepicker-desktop,
.tribe-events-c-top-bar__datepicker-mobile {
    color: var(--pude-text) !important;
}
.tribe-events-c-top-bar__datepicker-button svg path {
    fill: var(--pude-text) !important;
}

.tribe-events-calendar-list__event-datetime,
.tribe-events-calendar-list__event-venue,
.tribe-events-calendar-day__event-datetime {
    color: var(--pude-text-muted) !important;
}

.tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-calendar-list__event-date-tag-month {
    color: var(--pude-accent) !important;
    font-family: var(--font-heading);
}

/* ══════════════════════════════════════════════
   5. PAGINACIÓN
══════════════════════════════════════════════ */
.tribe-events-c-nav__list,
.tribe-events-c-top-bar__nav {
    background: transparent !important;
    border-color: var(--pude-border) !important;
}
.tribe-events-c-top-bar__nav-link,
.tribe-common-c-btn-icon {
    color: var(--pude-text) !important;
    background: transparent !important;
}
/* Los <path> del SVG de flechas no tienen clase svg-fill, hay que apuntarlos directo */
.tribe-events-c-top-bar__nav-link svg path {
    fill: var(--pude-text) !important;
}
.tribe-events-c-top-bar__nav-link:hover,
.tribe-common-c-btn-icon:hover {
    color: var(--pude-accent) !important;
}
.tribe-events-c-top-bar__nav-link:hover svg path {
    fill: var(--pude-accent) !important;
}
.tribe-events-c-nav__list-item-link {
    color: var(--pude-text) !important;
    background: transparent !important;
}
.tribe-events-c-nav__list-item-link:hover,
.tribe-events-c-nav__list-item-link:focus {
    color: var(--pude-accent) !important;
    background: transparent !important;
}
.tribe-events-c-nav__list-item-link.tribe-events-c-nav__list-item-link--current {
    color: var(--pude-accent) !important;
    font-weight: 700;
}

/* ══════════════════════════════════════════════
   6. TOOLTIP DE EVENTO (hover en la barra del mes)
   Tooltipster clona el contenido dentro de .tooltipster-box,
   que se inyecta fuera de .tribe-events, directo en <body>.
══════════════════════════════════════════════ */
.tribe-events-calendar-month__calendar-event-tooltip {
    background: var(--pude-bg-alt) !important;
    border: none !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-datetime,
.tribe-events-calendar-month__calendar-event-tooltip-title-link,
.tribe-events-calendar-month__calendar-event-tooltip-title {
    color: var(--pude-text) !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-title-link:hover {
    color: var(--pude-accent) !important;
}

.tooltipster-box {
    background: var(--pude-bg-alt) !important;
    border: 1px solid var(--pude-border) !important;
    border-radius: 10px;
}
.tooltipster-box .tooltipster-content,
.tooltipster-box .tooltipster-content * {
    color: var(--pude-text) !important;
    background: transparent;
}
.tooltipster-arrow-border,
.tooltipster-arrow-background {
    border-color: var(--pude-bg-alt) transparent !important;
}

/* ══════════════════════════════════════════════
   7. SINGLE EVENTO
══════════════════════════════════════════════ */
.tribe-events-single .tribe-events-single-event-title {
    font-family: var(--font-heading);
    color: var(--pude-text);
}

.tribe-events-schedule,
.tribe-events-schedule__date {
    color: var(--pude-accent);
}

.tribe-events-single-event-description,
.tribe-events-content {
    color: var(--pude-text);
}

.tribe-events-meta-group,
.tribe-events-single-section {
    border-color: var(--pude-border) !important;
}

.tribe-events-meta-group-details dt,
.tribe-events-meta-group-organizer dt,
.tribe-events-meta-group-venue dt {
    color: var(--pude-text);
}
.tribe-events-meta-group-details dd,
.tribe-events-meta-group-organizer dd,
.tribe-events-meta-group-venue dd {
    color: var(--pude-text-muted);
}

.tribe-events-back,
.tribe-events-abbr {
    color: var(--pude-accent);
}

.tribe-events-event-meta a,
.tribe-events-single-event-description a {
    color: var(--pude-accent);
}

.tribe-events-related-events-title {
    font-family: var(--font-heading);
    color: var(--pude-text);
}