/* ============================================================
   Electrical Trainers — Clean Additional CSS
   Theme: Hello Elementor
   Plugin: The Events Calendar (TEC)
   Goal: Cleaner event pages, premium look, fewer fragile selectors
   ============================================================ */


/* ------------------------------------------------------------
   0) Safety: avoid horizontal scroll (only on event pages)
------------------------------------------------------------ */
.single-tribe_events,
.post-type-archive-tribe_events,
.tribe-events {
  overflow-x: hidden;
}


/* ------------------------------------------------------------
   1) SINGLE EVENT: Remove duplicate theme/page title
   Keeps the actual Event Title, removes the theme "entry-title"
------------------------------------------------------------ */
.single-tribe_events .entry-title,
.single-tribe_events header.entry-header {
  display: none !important;
}


/* ------------------------------------------------------------
   2) SINGLE EVENT: Layout width + spacing
------------------------------------------------------------ */
#tribe-events-pg-template {
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}

.single-tribe_events .tribe-events-single-event-description {
  max-width: 820px;
}


/* ------------------------------------------------------------
   3) Typography: consistent readable event text
------------------------------------------------------------ */
.single-tribe_events,
.single-tribe_events .tribe-common {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.single-tribe_events .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
  font-size: 16px;
  color: #111;
}


/* ------------------------------------------------------------
   4) SINGLE EVENT: Premium "Event Information" sidebar box
------------------------------------------------------------ */
.single-tribe_events .tribe-events-meta-group {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.single-tribe_events .tribe-events-single-section-title {
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1.2;
  color: #111;
}

.single-tribe_events .tribe-events-meta-group-details dt,
.single-tribe_events .tribe-events-meta-group-details dd {
  margin: 0;
  padding: 6px 0;
}

.single-tribe_events .tribe-events-meta-group-details dt {
  font-weight: 700;
  opacity: 0.85;
}

.single-tribe_events .tribe-events-meta-group-details dd {
  opacity: 0.95;
}


/* ------------------------------------------------------------
   5) Buttons + brand colors for TEC
   Orange: #F16101
   Blue:   #00A8E8
------------------------------------------------------------ */
.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
  background-color: #F16101 !important;
  border-color: #F16101 !important;
}

.tribe-common .tribe-common-c-svgicon {
  color: #00A8E8 !important;
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  border: 1px solid #00A8E8 !important;
  color: #00A8E8 !important;
  border-radius: 12px !important;
}


/* ------------------------------------------------------------
   6) Event images: rounded corners
------------------------------------------------------------ */
.tribe-events .tribe-events-calendar-latest-past__event-featured-image,
.tribe-events .tribe-events-calendar-latest-past__event-featured-image-link,
.tribe-events .tribe-events-calendar-list__event-featured-image,
.tribe-events .tribe-events-calendar-list__event-featured-image-link {
  border-radius: 8px !important;
}


/* ------------------------------------------------------------
   7) Featured tags/labels coloring
------------------------------------------------------------ */
.tribe-events .tribe-events-calendar-latest-past__event-row--featured
.tribe-events-calendar-latest-past__event-date-tag-datetime:after {
  background-color: #00A8E8 !important;
}

.tribe-common--breakpoint-medium.tribe-events
.tribe-events-calendar-latest-past__event-datetime-featured-text {
  color: #F16101 !important;
}

.tribe-events .tribe-events-calendar-list__event-row--featured
.tribe-events-calendar-list__event-date-tag-datetime:after {
  background-color: #00A8E8 !important;
}

.tribe-common--breakpoint-medium.tribe-events
.tribe-events-calendar-list__event-datetime-featured-text {
  color: #F16101 !important;
}


/* ------------------------------------------------------------
   8) Datepicker active day highlight
------------------------------------------------------------ */
.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
  background: #00A8E8 !important;
}


/* ------------------------------------------------------------
   9) Tickets / Enroll button: force visible + improve style
------------------------------------------------------------ */
.tribe-events-event-cost .tribe-events-tickets-button {
  display: block !important;
}

.single-tribe_events .tribe-events-tickets .tribe-common-c-btn,
.single-tribe_events .tribe-events-tickets a,
.single-tribe_events .tribe-events-tickets button {
  border-radius: 12px !important;
  font-weight: 800 !important;
  padding: 12px 18px !important;
}


/* ------------------------------------------------------------
   10) WooCommerce checkout cleanup (optional)
   Hides "Additional Information" / Order notes section
------------------------------------------------------------ */
.woocommerce-additional-fields {
  display: none;
}
.woocommerce-additional-fields h3 {
  display: none !important;
}


/* ------------------------------------------------------------
   11) OPTIONAL: If you still see a random generic "Posts" widget
   on some templates, hide Elementor posts widget site-wide ONLY
   if you confirm it should never show.
   (Commented out by default)
------------------------------------------------------------ */
/*
.elementor-widget-posts {
  display: none !important;
}
*/