/**
 * CALIM - Tribe Events CSS
 * @see https://theeventscalendar.com/knowledgebase/customizing-css/
 * @see https://theeventscalendar.com/knowledgebase/css-custom-properties/
 * @see https://theeventscalendar.com/knowledgebase/basic-font-and-color-changes-with-css/
 */

:root {
  /* Primary Colors */
  --tec-color-accent-primary: rgb(var(--color-primary--300)) !important;
  --tec-color-accent-primary-hover: rgb(var(--color-primary--400)) !important;
  --tec-color-accent-primary-active: rgb(var(--color-primary--400)) !important;
  --tec-color-text-primary: rgb(var(--color-black)) !important;

  /* Secondary Colors */
  --tec-color-accent-secondary: rgb(var(--color-secondary--100)) !important;
  --tec-color-accent-secondary-hover: rgb(
    var(--color-secondary--400)
  ) !important;
  --tec-color-accent-secondary-active: rgb(
    var(--color-secondary--400)
  ) !important;

  /* Calendar Views Selectors */
  --tec-color-background-view-selector-list-item: rgb(
    var(--color-primary--100)
  ) !important;
  --tec-color-text-view-selector-list-item: rgb(var(--color-black)) !important;
  --tec-color-background-view-selector-list-item-hover: rgb(
    var(--color-primary--50)
  ) !important;
  --tec-color-text-view-selector-list-item-hover: rgb(
    var(--color-black)
  ) !important;

  /*Links*/
  --tec-color-link-primary: rgb(var(--color-primary--600)) !important;
  --tec-color-link-accent: rgb(var(--color-primary--600)) !important;
}

/* Global */
.tribe-common-l-container,
.tribe-events-l-container,
.tribe-events,
.tribe-common {
  /* Buttons */
  & button,
  & .tribe-events-c-subscribe-dropdown__button {
    color: var(--color-black) !important;
  }

  /* Datepicker */
  & .datepicker table {
    width: 100%;
  }
}

/* Tickets */
.tribe-tickets__rsvp-actions-rsvp {
  & > span {
    display: none;
  }
}

/* Hide cost */
.tribe-events-cost,
.tribe-events-c-small-cta__price,
.tribe-events-event-cost-label,
.tribe-events-event-cost {
  display: none !important;
}

/* NAV */
.tribe-events-c-nav__list {
  align-items: center;

  & li {
    & button,
    a {
      font-size: 14px !important;
    }

    & a {
      color: var(--color-black) !important;
      &:hover {
        color: rgba(var(--color-primary--500)) !important;
      }
    }

    & button {
      color: rgba(var(--color-gray-400)) !important;
    }
  }
}

/* Month View */
.tribe-events-view--month {
}

/* List View */
.tribe-events-view--list {
  & .tec-category-filtered-hide {
    display: none;
  }
}

/* Day View */
.tribe-events-view--day {
  & .tec-category-filtered-hide {
    display: none;
  }
}

/* single event */
.single-tribe_events {
  .tribe-events-event-image {
    aspect-ratio: 16 / 9;
    > img {
      object-fit: cover;
      width: 100%;
      aspect-ratio: 16 / 9;
    }
  }
}