/* === ESTILOS PARA LA VISTA DEL CALENDARIO (https://laadradaturismo.com/eventos/) === */

/* Texto general en blanco dentro del calendario */
.tribe-events p,
.tribe-events span,
.tribe-events li,
.tribe-events td,
.tribe-events th,
.tribe-events h1,
.tribe-events h2,
.tribe-events h3,
.tribe-events h4,
.tribe-events h5,
.tribe-events h6 {
  color: #ffffff !important;
}

/* Enlaces en naranja dentro del calendario */
.tribe-events a {
  color: #FF6D00 !important;
  text-decoration: none;
}

.tribe-events a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Botones principales */
.tribe-events .tribe-common-c-btn,
.tribe-events .tribe-events-c-top-bar__nav-link--today {
  background-color: #FF6D00 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 600;
  border-radius: 4px;
}

.tribe-events .tribe-common-c-btn:hover,
.tribe-events .tribe-events-c-top-bar__nav-link--today:hover {
  background-color: #ffffff !important;
  color: #FF6D00 !important;
}

/* Selector de mes ("julio 2025") sin fondo */
.tribe-events .tribe-events-c-top-bar__datepicker-trigger {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 600;
}

/* Ícono del calendario (SVG) en naranja */
.tribe-events .tribe-events-c-top-bar__datepicker-trigger svg,
.tribe-events .tribe-events-c-top-bar__datepicker-trigger svg * {
  fill: #FF6D00 !important;
  stroke: #FF6D00 !important;
  color: #FF6D00 !important;
}

/* Días con eventos: número en naranja */
.tribe-events-calendar-month__day--has-event time {
  color: #FF6D00 !important;
  font-weight: bold !important;
}

/* Eventos mostrados en el calendario mensual */
.tribe-events-calendar-month__calendar-event,
.tribe-events-calendar-month__event,
.tribe-events-calendar-month__event-link,
.tribe-events-calendar-month__multiday-event-bar-inner,
.tribe-events-calendar-month__multiday-event-bar {
  background-color: #222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  display: inline-block !important;
  font-size: 14px !important;
}

/* Títulos de los eventos */
.tribe-events-calendar-month__event-title,
.tribe-events-calendar-month__event-title a,
.tribe-events-calendar-month__event-title-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Fecha/hora pequeña */
.tribe-events-calendar-month__event-datetime {
  color: #cccccc !important;
  font-size: 12px !important;
}

/* Botón de suscripción */
.tribe-events-c-subscribe-dropdown .tribe-common-c-btn {
  background-color: #FF6D00 !important;
  color: #ffffff !important;
}

.tribe-events-c-subscribe-dropdown .tribe-common-c-btn:hover {
  background-color: #ffffff !important;
  color: #FF6D00 !important;
}

/* Desplegables y menús del calendario */
.tribe-events select,
.tribe-events option,
.tribe-events .dropdown-menu,
.tribe-events ul.sub-menu,
.tribe-events .tribe-events-c-top-bar__datepicker {
  background-color: #212121 !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
}

.tribe-events select option,
.tribe-events ul.sub-menu li a {
  color: #ffffff !important;
}

.tribe-events ul.sub-menu li:hover,
.tribe-events select option:hover {
  background-color: #FF6D00 !important;
  color: #000 !important;
}


/* === ESTILOS PARA LA PÁGINA DE EVENTOS INDIVIDUALES (https://laadradaturismo.com/evento/...) === */

.single-tribe_events {
  background-color: #121212; /* Fondo oscuro */
  color: #ffffff !important;
}

/* Texto general en blanco */
.single-tribe_events p,
.single-tribe_events li,
.single-tribe_events span,
.single-tribe_events div,
.single-tribe_events time,
.single-tribe_events .tribe-events-single-event-description,
.single-tribe_events .tribe-events-event-meta,
.single-tribe_events .tribe-events-venue-details {
  color: #ffffff !important;
}

/* Enlaces y datos clave en naranja */
.single-tribe_events a,
.single-tribe_events .tribe-events-schedule time,
.single-tribe_events .tribe-events-meta-label {
  color: #FF6D00 !important;
}

/* Título del evento (hereda color, no se sobrescribe) */
.single-tribe_events h1,
.single-tribe_events .tribe-events-single-event-title {
  color: inherit !important;
}