/**
 * Events Calendar Pro overrides
 *
 * Only enqueued on Events Calendar Pro pages — event views/archives,
 * single events, venues, organizers, and event category pages.
 * See spm_enqueue_tec_styles() in inc/tec.php.
 */

/* ==========================================================================
   Event views (list, month, week, day, map, photo — all wrapped in
   .tribe-common by Events Calendar Pro)
   ========================================================================== */

/*
 * List view event title.
 *
 * .tribe-common-anchor-thin fakes an underline with a transparent
 * border-bottom that turns solid on hover/focus — so "removing the
 * underline" means recoloring that border back to transparent rather
 * than touching text-decoration. Scoped to
 * .tribe-events-calendar-list__event-title-link only, so other
 * .tribe-common-anchor-thin links elsewhere keep their default underline.
 * The compound selectors (classes stacked on one element, plus the
 * .tribe-common ancestor) out-specificity Events Calendar Pro's own
 * ".tribe-common .tribe-common-anchor-thin:hover" rule.
 */

.tribe-common
  h4.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4--min-medium {
  line-height: 1.2;
}

.tribe-common
  a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin:hover,
.tribe-common
  a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin:focus {
  border-bottom-color: transparent;
  color: var(--wp--preset--color--teal);
}

/*
 * Day view event title — same treatment as the list view title above.
 */

.tribe-common
  h3.tribe-events-calendar-day__event-title.tribe-common-h6.tribe-common-h4--min-medium {
  line-height: 1.2;
}

.tribe-common
  a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin:hover,
.tribe-common
  a.tribe-events-calendar-day__event-title-link.tribe-common-anchor-thin:focus {
  border-bottom-color: transparent;
  color: var(--wp--preset--color--teal);
}

/* ==========================================================================
   Events bar search button ("Find Events")

   Styled as a standard button via .wp-element-button, added to the markup
   in tribe/events/v2/components/events-bar/search/submit.php. The
   selectors below match Events Calendar Pro's own compiled specificity
   (".tribe-events button.tribe-events-c-search__button") so the theme's
   button colors/shape reliably win instead of being silently overridden.
   ========================================================================== */

.tribe-events .tribe-events-c-search__button.wp-element-button,
.tribe-events button.tribe-events-c-search__button.wp-element-button {
  background-color: var(--wp--preset--color--teal);
  color: var(--wp--preset--color--background);
  border: 0;
  border-radius: 100px;
  padding: 16px 20px;
  font-family: var(--wp--preset--font-family--raleway);
  font-size: 1.125rem;
  font-weight: var(--wp--custom--font-weight--bold);
  line-height: 1.1111;
  text-transform: uppercase;
}

.tribe-events .tribe-events-c-search__button.wp-element-button:hover,
.tribe-events button.tribe-events-c-search__button.wp-element-button:hover {
  background-color: var(--wp--preset--color--eggplant);
  color: var(--wp--preset--color--background);
}

/* ==========================================================================
   Bottom events list pagination nav (.tribe-events-c-nav)

   "Today" is an actual link; Prev/Next are buttons that render disabled
   when there's no earlier/later page. The double .tribe-events-c-nav
   .tribe-events-calendar-list-nav qualifier (both classes live on the
   same <nav>) keeps every selector below more specific than Events
   Calendar Pro's own compiled rules (e.g.
   ".tribe-events .tribe-events-c-nav__today:hover", ".tribe-events
   button.tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg
   path") so the colors reliably win regardless of stylesheet load order.
   :not(:disabled) is used throughout so a disabled Prev/Next button keeps
   the plugin's own greyed-out look instead of appearing teal/clickable.
   ========================================================================== */

.tribe-events-c-nav.tribe-events-calendar-list-nav .tribe-events-c-nav__today {
  color: var(--wp--preset--color--teal);
}

.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__today:hover,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__today:focus {
  color: var(--wp--preset--color--eggplant);
}

.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled),
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled) {
  color: var(--wp--preset--color--teal);
}

.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled)
  .tribe-events-c-nav__prev-icon-svg
  path,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled)
  .tribe-events-c-nav__next-icon-svg
  path {
  fill: var(--wp--preset--color--teal);
}

.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled):hover,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled):focus,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled):hover,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled):focus {
  color: var(--wp--preset--color--eggplant);
}

.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled):hover
  .tribe-events-c-nav__prev-icon-svg
  path,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__prev:not(:disabled):focus
  .tribe-events-c-nav__prev-icon-svg
  path,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled):hover
  .tribe-events-c-nav__next-icon-svg
  path,
.tribe-events-c-nav.tribe-events-calendar-list-nav
  .tribe-events-c-nav__next:not(:disabled):focus
  .tribe-events-c-nav__next-icon-svg
  path {
  fill: var(--wp--preset--color--eggplant);
}

.tribe-common img {
  border-radius: 15px;
}

/* ==========================================================================
   Single event (see tribe/events/v2/default-template.php for the
   .spm-single--tribe_events wrapper markup)
   ========================================================================== */

/* ==========================================================================
   Venue & organizer pages
   ========================================================================== */