/*
 * =================================================================
 * Hocmate × The Events Calendar — Skool-Inspired Dual Theme
 * Tương thích FluentCommunity Dark/Light Mode (html.dark / html.light)
 * =================================================================
 * Brand: Orange #C2410C | Gold #F5B731 | Deep Purple #1A103C
 * Fonts: Be Vietnam Pro (headings) | Inter (body)
 * =================================================================
 */

/* ============================================
   0. SHARED BASE (Both Modes)
   ============================================ */
.tribe-events,
.tribe-common {
    --tec-color-accent-primary: #C2410C !important;
    --tec-color-accent-primary-hover: #9A3412 !important;
    --tec-font-family-sans: 'Be Vietnam Pro', 'Inter', sans-serif !important;
    --tec-font-family-base: 'Inter', 'Be Vietnam Pro', sans-serif !important;
    font-family: 'Be Vietnam Pro', 'Inter', sans-serif !important;
}

/* Smooth transitions for theme switching */
.tribe-events .tribe-events-calendar-month__day,
.tribe-events .tribe-events-c-top-bar,
.tribe-events .tribe-events-header__events-bar,
.tribe-events a,
.tribe-events h1, .tribe-events h2, .tribe-events h3, .tribe-events h4,
.tribe-events p, .tribe-events span {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Fix FluentCommunity Frame fit */
.fcom_wp_content_body .tribe-events {
    max-width: 100%;
    padding: 0 16px;
}

/* ============================================
   SECTION 1: EVENTS BAR (Search + View Selector)
   Skool-style: rounded card with soft shadow
   ============================================ */
.tribe-events .tribe-events-header__events-bar,
.tribe-events .tribe-events-c-events-bar,
.tribe-events .tribe-events-c-events-bar--border {
    border-radius: 16px !important;
    padding: 12px 20px !important;
    border: none !important;
    margin-bottom: 16px !important;
}

/* ============================================
   SECTION 2: TOP BAR (Month Title + Nav Arrows)
   ============================================ */
.tribe-events .tribe-events-c-top-bar {
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: none !important;
}

/* Month/Year Title */
.tribe-events .tribe-events-c-top-bar__datepicker-button {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    letter-spacing: -0.01em;
}

/* Nav arrows (< >) */
.tribe-events .tribe-events-c-top-bar__nav-link {
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* Today Button — Pill Shape */
.tribe-events .tribe-events-c-top-bar__today-button {
    border-radius: 50px !important;
    padding: 6px 20px !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: none !important;
    transition: all 0.2s ease;
}

/* ============================================
   SECTION 3: VIEW SELECTOR BUTTON (Month/List/Day)
   Pill shape like Skool
   ============================================ */
.tribe-events .tribe-events-c-view-selector__button {
    border-radius: 50px !important;
    padding: 6px 16px !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
    transition: all 0.2s ease;
}

/* Dropdown panel */
.tribe-events .tribe-events-c-view-selector__content {
    border-radius: 12px !important;
    overflow: hidden;
    margin-top: 8px !important;
}

.tribe-events .tribe-events-c-view-selector__list-item-link {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    padding: 10px 20px !important;
    transition: all 0.15s ease;
}

/* ============================================
   SECTION 4: CALENDAR GRID (Month View)
   ============================================ */

/* Day-of-week headers (H, B, T, N, S...) — Skool style: small caps */
.tribe-events .tribe-events-calendar-month__header-column-title {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

/* Calendar grid background */
.tribe-events .tribe-events-calendar-month__body,
.tribe-events .tribe-events-calendar-month__week {
    background: transparent !important;
}

/* Individual day cells — subtle rounded corners */
.tribe-events .tribe-events-calendar-month__day {
    transition: background 0.15s ease;
}

/* Day numbers */
.tribe-events .tribe-events-calendar-month__day-date-daynum {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

/* Today highlight — brand orange circle */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
    background: #C2410C !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(194, 65, 12, 0.35);
    font-weight: 700 !important;
}

/* Event indicator dots — gold */
.tribe-events .tribe-events-calendar-month__calendar-event-indicator {
    background: #F5B731 !important;
    box-shadow: 0 0 6px rgba(245, 183, 49, 0.5);
}

/* Multiday event bars */
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background: linear-gradient(135deg, #C2410C, #E85D26) !important;
    border-radius: 6px !important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover {
    background: linear-gradient(135deg, #9A3412, #C2410C) !important;
}

/* Mobile event dots */
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background: #C2410C !important;
}

/* ============================================
   SECTION 5: TOOLTIPS
   ============================================ */
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip {
    border-radius: 14px !important;
    padding: 16px 20px !important;
    overflow: hidden;
}

.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
}

/* ============================================
   SECTION 6: LIST VIEW
   ============================================ */
.tribe-events .tribe-events-calendar-list__event {
    padding: 20px 0 !important;
    transition: background 0.15s ease;
}

.tribe-events .tribe-events-calendar-list__event-title a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.tribe-events .tribe-events-calendar-list__event-datetime {
    color: #C2410C !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
}

.tribe-events .tribe-events-calendar-list__event-description p {
    font-family: 'Inter', sans-serif !important;
    line-height: 1.7;
}

/* Month separator in list view */
.tribe-events .tribe-events-calendar-list__month-separator-text {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.9rem !important;
}

/* ============================================
   SECTION 7: DAY VIEW
   ============================================ */
.tribe-events .tribe-events-calendar-day__event {
    border-left: 3px solid #C2410C !important;
    padding-left: 16px !important;
    margin-bottom: 16px !important;
    border-radius: 0 8px 8px 0 !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.tribe-events .tribe-events-calendar-day__event:hover {
    border-left-color: #F5B731 !important;
}

.tribe-events .tribe-events-calendar-day__event-title a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* ============================================
   SECTION 8: SINGLE EVENT PAGE
   ============================================ */
.tribe-events-single .tribe-events-single-event-title {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 700 !important;
}

.tribe-events-single .tribe-events-content p {
    font-family: 'Inter', sans-serif !important;
    line-height: 1.8;
}

.tribe-events-single .tribe-events-cost {
    font-weight: 600 !important;
}

/* ============================================
   SECTION 9: SEARCH INPUT — Rounded
   ============================================ */
.tribe-events .tribe-events-c-search__input {
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-family: 'Inter', sans-serif !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tribe-events .tribe-events-c-search__input:focus {
    border-color: #C2410C !important;
    box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.12) !important;
    outline: none !important;
}

/* Search Button — Pill */
.tribe-events .tribe-events-c-search__button {
    background: #C2410C !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 600 !important;
    padding: 8px 24px !important;
    transition: background 0.2s ease, transform 0.15s ease;
}

.tribe-events .tribe-events-c-search__button:hover {
    background: #9A3412 !important;
    transform: translateY(-1px);
}

/* ============================================
   SECTION 10: NAVIGATION (Prev/Next Month)
   ============================================ */
.tribe-events .tribe-events-c-nav__prev a,
.tribe-events .tribe-events-c-nav__next a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* ============================================
   SECTION 11: SUBSCRIBE DROPDOWN — Rounded
   ============================================ */
.tribe-events .tribe-events-c-subscribe-dropdown__button {
    border-radius: 50px !important;
    padding: 6px 16px !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    transition: all 0.2s ease;
}

.tribe-events .tribe-events-c-subscribe-dropdown__content {
    border-radius: 12px !important;
    overflow: hidden;
    margin-top: 8px !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__list-item a {
    font-family: 'Inter', sans-serif !important;
    padding: 10px 20px !important;
    transition: all 0.15s ease;
}


/* ============================================
   ============================================
   ====  DARK MODE  (html.dark)  ==============
   ============================================
   ============================================ */
html.dark .tribe-events,
html.dark .tribe-common,
html[data-color-mode="dark"] .tribe-events,
html[data-color-mode="dark"] .tribe-common {
    color: #E8E6F0 !important;
    background: transparent !important;
}

/* ---- Dark: Events Bar ---- */
html.dark .tribe-events .tribe-events-header__events-bar,
html.dark .tribe-events .tribe-events-c-events-bar,
html.dark .tribe-events .tribe-events-c-events-bar--border,
html[data-color-mode="dark"] .tribe-events .tribe-events-header__events-bar,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar--border {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
}

/* ---- Dark: Month Title ---- */
html.dark .tribe-events .tribe-events-c-top-bar__datepicker-button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
}

/* ---- Dark: Navigation arrows ---- */
html.dark .tribe-events .tribe-events-c-top-bar__nav-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__nav-link {
    color: #A8A3B8 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

html.dark .tribe-events .tribe-events-c-top-bar__nav-link:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__nav-link:hover {
    color: #C2410C !important;
    background: rgba(194, 65, 12, 0.1) !important;
}

/* ---- Dark: Today Button ---- */
html.dark .tribe-events .tribe-events-c-top-bar__today-button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__today-button {
    color: #F5B731 !important;
    border-color: rgba(245, 183, 49, 0.4) !important;
    background: rgba(245, 183, 49, 0.08) !important;
}

html.dark .tribe-events .tribe-events-c-top-bar__today-button:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__today-button:hover {
    background: #F5B731 !important;
    color: #0B0518 !important;
    border-color: #F5B731 !important;
}

/* ---- Dark: View Selector Button ---- */
html.dark .tribe-events .tribe-events-c-view-selector__button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button {
    color: #E8E6F0 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__button:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button:hover {
    background: rgba(255, 255, 255, 0.10) !important;
}

/* ---- Dark: View Selector Dropdown ---- */
html.dark .tribe-events .tribe-events-c-view-selector__content,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__content {
    background: #1e1b2e !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item-link {
    color: #E8E6F0 !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__list-item-link:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item-link:hover {
    color: #F5B731 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
    color: #C2410C !important;
    font-weight: 700;
}

/* ---- Dark: Day Headers (H, B, T, N, S, B, C) ---- */
html.dark .tribe-events .tribe-events-calendar-month__header-column-title,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__header-column-title {
    color: #A8A3B8 !important;
}

/* ---- Dark: Calendar Grid Lines ---- */
html.dark .tribe-events .tribe-events-calendar-month__day,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark .tribe-events .tribe-events-calendar-month__day:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* ---- Dark: Day Numbers — FIXED VISIBILITY ---- */
html.dark .tribe-events .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-daynum {
    color: #E8E6F0 !important;
}

html.dark .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {
    color: rgba(232, 230, 240, 0.35) !important;
}

/* ---- Dark: Tooltips ---- */
html.dark .tribe-events .tribe-events-calendar-month__calendar-event-tooltip,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip {
    background: #1e1b2e !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

html.dark .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a:hover {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime {
    color: #A8A3B8 !important;
}

/* ---- Dark: List View ---- */
html.dark .tribe-events .tribe-events-calendar-list__event,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__event {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html.dark .tribe-events .tribe-events-calendar-list__event:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__event:hover {
    background: rgba(255, 255, 255, 0.02) !important;
}

html.dark .tribe-events .tribe-events-calendar-list__event-title a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__event-title a {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-calendar-list__event-title a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__event-title a:hover {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-calendar-list__event-description p,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__event-description p {
    color: #A8A3B8 !important;
}

html.dark .tribe-events .tribe-events-calendar-list__month-separator-text,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__month-separator-text {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-calendar-list__month-separator::after,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-list__month-separator::after {
    background: rgba(245, 183, 49, 0.2) !important;
}

/* ---- Dark: Day View ---- */
html.dark .tribe-events .tribe-events-calendar-day__event,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__event {
    background: rgba(255, 255, 255, 0.02) !important;
}

html.dark .tribe-events .tribe-events-calendar-day__event:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__event:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-left-color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-calendar-day__event-title a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__event-title a {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-calendar-day__event-title a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__event-title a:hover {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-calendar-day__event-datetime,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__event-datetime {
    color: #C2410C !important;
}

html.dark .tribe-events .tribe-events-calendar-day__type-separator,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-day__type-separator {
    color: #A8A3B8 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- Dark: Search Input ---- */
html.dark .tribe-events .tribe-events-c-search__input,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-search__input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: #E8E6F0 !important;
}

html.dark .tribe-events .tribe-events-c-search__input::placeholder,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-search__input::placeholder {
    color: rgba(232, 230, 240, 0.4) !important;
}

/* ---- Dark: Navigation ---- */
html.dark .tribe-events .tribe-events-c-nav__prev a,
html.dark .tribe-events .tribe-events-c-nav__next a,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-nav__prev a,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-nav__next a {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-c-nav__prev a:hover,
html.dark .tribe-events .tribe-events-c-nav__next a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-nav__prev a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-nav__next a:hover {
    color: #FACC15 !important;
}

/* ---- Dark: Subscribe ---- */
html.dark .tribe-events .tribe-events-c-subscribe-dropdown__button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-subscribe-dropdown__button {
    color: #A8A3B8 !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

html.dark .tribe-events .tribe-events-c-subscribe-dropdown__content,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-subscribe-dropdown__content {
    background: #1e1b2e !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

html.dark .tribe-events .tribe-events-c-subscribe-dropdown__list-item a,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-subscribe-dropdown__list-item a {
    color: #E8E6F0 !important;
}

html.dark .tribe-events .tribe-events-c-subscribe-dropdown__list-item a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-subscribe-dropdown__list-item a:hover {
    color: #F5B731 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* ---- Dark: General Links & Headings ---- */
html.dark .tribe-events a,
html[data-color-mode="dark"] .tribe-events a {
    color: #F5B731 !important;
    text-decoration: none !important;
}

html.dark .tribe-events a:hover,
html[data-color-mode="dark"] .tribe-events a:hover {
    color: #FACC15 !important;
}

html.dark .tribe-events h1,
html.dark .tribe-events h2,
html.dark .tribe-events h3,
html.dark .tribe-events h4,
html[data-color-mode="dark"] .tribe-events h1,
html[data-color-mode="dark"] .tribe-events h2,
html[data-color-mode="dark"] .tribe-events h3,
html[data-color-mode="dark"] .tribe-events h4 {
    color: #ffffff !important;
}

/* ---- Dark: Messages / "No Events" ---- */
html.dark .tribe-events .tribe-events-c-messages__message,
html.dark .tribe-events .tribe-events-c-messages__message-list-item,
html.dark .tribe-events .tribe-events-header__messages,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-messages__message,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-messages__message-list-item,
html[data-color-mode="dark"] .tribe-events .tribe-events-header__messages {
    color: #A8A3B8 !important;
}

html.dark .tribe-events .tribe-events-calendar-latest-past__event-title a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-title a {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-calendar-latest-past__event-title a:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-title a:hover {
    color: #F5B731 !important;
}

/* ---- Dark: Events Bar search icon ---- */
html.dark .tribe-events .tribe-events-c-events-bar__search-button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-button {
    color: #A8A3B8 !important;
}

html.dark .tribe-events .tribe-events-c-events-bar__search-button:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-button:hover {
    color: #C2410C !important;
}

/* ---- Dark: Single Event ---- */
html.dark .tribe-events-single .tribe-events-single-event-title,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-single-event-title {
    color: #ffffff !important;
}

html.dark .tribe-events-single .tribe-events-content p,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-content p {
    color: #E8E6F0 !important;
}

html.dark .tribe-events-single .tribe-events-cost,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-cost {
    color: #F5B731 !important;
}

html.dark .tribe-events-single .tribe-venue,
html.dark .tribe-events-single .tribe-organizer,
html[data-color-mode="dark"] .tribe-events-single .tribe-venue,
html[data-color-mode="dark"] .tribe-events-single .tribe-organizer {
    color: #A8A3B8 !important;
}

html.dark .tribe-events-single .tribe-venue a,
html.dark .tribe-events-single .tribe-organizer a,
html[data-color-mode="dark"] .tribe-events-single .tribe-venue a,
html[data-color-mode="dark"] .tribe-events-single .tribe-organizer a {
    color: #F5B731 !important;
}


/* ============================================
   ============================================
   ====  LIGHT MODE  (html.light)  ============
   ============================================
   ============================================ */
html.light .tribe-events,
html.light .tribe-common,
html[data-color-mode="light"] .tribe-events,
html[data-color-mode="light"] .tribe-common {
    color: #1A103C !important;
    background: transparent !important;
}

/* ---- Light: Events Bar ---- */
html.light .tribe-events .tribe-events-header__events-bar,
html.light .tribe-events .tribe-events-c-events-bar,
html.light .tribe-events .tribe-events-c-events-bar--border,
html[data-color-mode="light"] .tribe-events .tribe-events-header__events-bar,
html[data-color-mode="light"] .tribe-events .tribe-events-c-events-bar,
html[data-color-mode="light"] .tribe-events .tribe-events-c-events-bar--border {
    background: #ffffff !important;
    border: 1px solid rgba(26, 16, 60, 0.08) !important;
    box-shadow: 0 2px 12px rgba(26, 16, 60, 0.06) !important;
}

/* ---- Light: Month Title ---- */
html.light .tribe-events .tribe-events-c-top-bar__datepicker-button,
html[data-color-mode="light"] .tribe-events .tribe-events-c-top-bar__datepicker-button {
    color: #1A103C !important;
}

/* ---- Light: Navigation arrows ---- */
html.light .tribe-events .tribe-events-c-top-bar__nav-link,
html[data-color-mode="light"] .tribe-events .tribe-events-c-top-bar__nav-link {
    color: #4A4568 !important;
    background: rgba(26, 16, 60, 0.04) !important;
}

html.light .tribe-events .tribe-events-c-top-bar__nav-link:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-top-bar__nav-link:hover {
    color: #C2410C !important;
    background: rgba(194, 65, 12, 0.08) !important;
}

/* ---- Light: Today Button ---- */
html.light .tribe-events .tribe-events-c-top-bar__today-button,
html[data-color-mode="light"] .tribe-events .tribe-events-c-top-bar__today-button {
    color: #C2410C !important;
    border-color: rgba(194, 65, 12, 0.3) !important;
    background: rgba(194, 65, 12, 0.06) !important;
}

html.light .tribe-events .tribe-events-c-top-bar__today-button:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-top-bar__today-button:hover {
    background: #C2410C !important;
    color: #ffffff !important;
    border-color: #C2410C !important;
}

/* ---- Light: View Selector ---- */
html.light .tribe-events .tribe-events-c-view-selector__button,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__button {
    color: #4A4568 !important;
    border-color: rgba(26, 16, 60, 0.12) !important;
    background: rgba(26, 16, 60, 0.03) !important;
}

html.light .tribe-events .tribe-events-c-view-selector__button:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__button:hover {
    background: rgba(26, 16, 60, 0.06) !important;
}

html.light .tribe-events .tribe-events-c-view-selector__content,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__content {
    background: #ffffff !important;
    border: 1px solid rgba(26, 16, 60, 0.08) !important;
    box-shadow: 0 8px 32px rgba(26, 16, 60, 0.10) !important;
}

html.light .tribe-events .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__list-item-link {
    color: #4A4568 !important;
}

html.light .tribe-events .tribe-events-c-view-selector__list-item-link:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__list-item-link:hover {
    color: #C2410C !important;
    background: rgba(194, 65, 12, 0.04) !important;
}

html.light .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="light"] .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
    color: #C2410C !important;
    font-weight: 700;
}

/* ---- Light: Day Headers ---- */
html.light .tribe-events .tribe-events-calendar-month__header-column-title,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__header-column-title {
    color: #6B618C !important;
}

/* ---- Light: Grid / Day cells ---- */
html.light .tribe-events .tribe-events-calendar-month__day,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day {
    border-color: rgba(26, 16, 60, 0.06) !important;
}

html.light .tribe-events .tribe-events-calendar-month__day:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day:hover {
    background: rgba(194, 65, 12, 0.03) !important;
}

/* ---- Light: Day numbers ---- */
html.light .tribe-events .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-daynum {
    color: #1A103C !important;
}

html.light .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html.light .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {
    color: rgba(26, 16, 60, 0.30) !important;
}

/* ---- Light: Tooltips ---- */
html.light .tribe-events .tribe-events-calendar-month__calendar-event-tooltip,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip {
    background: #ffffff !important;
    border: 1px solid rgba(26, 16, 60, 0.08) !important;
    box-shadow: 0 12px 40px rgba(26, 16, 60, 0.12) !important;
}

html.light .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a {
    color: #1A103C !important;
}

html.light .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title a:hover {
    color: #C2410C !important;
}

html.light .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime {
    color: #6B618C !important;
}

/* ---- Light: List View ---- */
html.light .tribe-events .tribe-events-calendar-list__event,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__event {
    border-bottom: 1px solid rgba(26, 16, 60, 0.06) !important;
}

html.light .tribe-events .tribe-events-calendar-list__event-title a,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__event-title a {
    color: #1A103C !important;
}

html.light .tribe-events .tribe-events-calendar-list__event-title a:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__event-title a:hover {
    color: #C2410C !important;
}

html.light .tribe-events .tribe-events-calendar-list__event-description p,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__event-description p {
    color: #4A4568 !important;
}

html.light .tribe-events .tribe-events-calendar-list__month-separator-text,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__month-separator-text {
    color: #C2410C !important;
}

html.light .tribe-events .tribe-events-calendar-list__month-separator::after,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-list__month-separator::after {
    background: rgba(194, 65, 12, 0.12) !important;
}

/* ---- Light: Day View ---- */
html.light .tribe-events .tribe-events-calendar-day__event,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-day__event {
    background: rgba(26, 16, 60, 0.02) !important;
}

html.light .tribe-events .tribe-events-calendar-day__event-title a,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-day__event-title a {
    color: #1A103C !important;
}

html.light .tribe-events .tribe-events-calendar-day__event-title a:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-day__event-title a:hover {
    color: #C2410C !important;
}

/* ---- Light: Search ---- */
html.light .tribe-events .tribe-events-c-search__input,
html[data-color-mode="light"] .tribe-events .tribe-events-c-search__input {
    background: #f8f7fc !important;
    border: 1px solid rgba(26, 16, 60, 0.10) !important;
    color: #1A103C !important;
}

/* ---- Light: Navigation ---- */
html.light .tribe-events .tribe-events-c-nav__prev a,
html.light .tribe-events .tribe-events-c-nav__next a,
html[data-color-mode="light"] .tribe-events .tribe-events-c-nav__prev a,
html[data-color-mode="light"] .tribe-events .tribe-events-c-nav__next a {
    color: #C2410C !important;
}

html.light .tribe-events .tribe-events-c-nav__prev a:hover,
html.light .tribe-events .tribe-events-c-nav__next a:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-nav__prev a:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-nav__next a:hover {
    color: #9A3412 !important;
}

/* ---- Light: Subscribe ---- */
html.light .tribe-events .tribe-events-c-subscribe-dropdown__button,
html[data-color-mode="light"] .tribe-events .tribe-events-c-subscribe-dropdown__button {
    color: #4A4568 !important;
    border-color: rgba(26, 16, 60, 0.12) !important;
    background: rgba(26, 16, 60, 0.03) !important;
}

html.light .tribe-events .tribe-events-c-subscribe-dropdown__content,
html[data-color-mode="light"] .tribe-events .tribe-events-c-subscribe-dropdown__content {
    background: #ffffff !important;
    border: 1px solid rgba(26, 16, 60, 0.08) !important;
    box-shadow: 0 8px 32px rgba(26, 16, 60, 0.10) !important;
}

/* ---- Light: General Links & Headings ---- */
html.light .tribe-events a,
html[data-color-mode="light"] .tribe-events a {
    color: #C2410C !important;
    text-decoration: none !important;
}

html.light .tribe-events a:hover,
html[data-color-mode="light"] .tribe-events a:hover {
    color: #9A3412 !important;
}

html.light .tribe-events h1,
html.light .tribe-events h2,
html.light .tribe-events h3,
html.light .tribe-events h4,
html[data-color-mode="light"] .tribe-events h1,
html[data-color-mode="light"] .tribe-events h2,
html[data-color-mode="light"] .tribe-events h3,
html[data-color-mode="light"] .tribe-events h4 {
    color: #1A103C !important;
}

/* ---- Light: Messages ---- */
html.light .tribe-events .tribe-events-c-messages__message,
html.light .tribe-events .tribe-events-c-messages__message-list-item,
html[data-color-mode="light"] .tribe-events .tribe-events-c-messages__message,
html[data-color-mode="light"] .tribe-events .tribe-events-c-messages__message-list-item {
    color: #4A4568 !important;
}

/* ---- Light: Events Bar search icon ---- */
html.light .tribe-events .tribe-events-c-events-bar__search-button,
html[data-color-mode="light"] .tribe-events .tribe-events-c-events-bar__search-button {
    color: #4A4568 !important;
}

html.light .tribe-events .tribe-events-c-events-bar__search-button:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-c-events-bar__search-button:hover {
    color: #C2410C !important;
}

/* ---- Light: Single Event ---- */
html.light .tribe-events-single .tribe-events-single-event-title,
html[data-color-mode="light"] .tribe-events-single .tribe-events-single-event-title {
    color: #1A103C !important;
}

html.light .tribe-events-single .tribe-events-content p,
html[data-color-mode="light"] .tribe-events-single .tribe-events-content p {
    color: #2D2654 !important;
}

html.light .tribe-events-single .tribe-events-cost,
html[data-color-mode="light"] .tribe-events-single .tribe-events-cost {
    color: #C2410C !important;
}


/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    .tribe-events .tribe-events-c-top-bar__datepicker-button {
        font-size: 1.2rem !important;
    }
    .tribe-events .tribe-events-calendar-month__day-date-daynum {
        font-size: 0.85rem !important;
    }
    .tribe-events .tribe-events-header__events-bar,
    .tribe-events .tribe-events-c-events-bar {
        border-radius: 12px !important;
        padding: 10px 14px !important;
    }
}


/* ============================================
   ============================================
   ==== CRITICAL SPECIFICITY OVERRIDES ========
   ==== (Must be LAST in file to win)   =======
   ============================================
   ============================================ */

/*
 * DARK MODE — Force ALL text inside calendar to be visible
 * The selectors below use high specificity to override TEC defaults
 * and Kadence theme link colors that make text invisible on dark bg.
 */

/* Day number links (for days that have events, TEC wraps in <a>) */
html.dark .tribe-events .tribe-events-calendar-month__day-date-link,
html.dark .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html.dark .tribe-events .tribe-events-calendar-month__day-date-link:link,
html.dark .tribe-events .tribe-common .tribe-events-calendar-month__day-date-link,
html.dark .tribe-common a.tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link:link,
html[data-color-mode="dark"] .tribe-common a.tribe-events-calendar-month__day-date-link {
    color: #E8E6F0 !important;
    text-decoration: none !important;
}

html.dark .tribe-events .tribe-events-calendar-month__day-date-link:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link:hover {
    color: #ffffff !important;
}

/* Day number <time> elements */
html.dark .tribe-events .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-events .tribe-common .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-common .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-common .tribe-events-calendar-month__day-date-daynum {
    color: #E8E6F0 !important;
}

/* Day numbers for past / other month — dimmed */
html.dark .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link,
html.dark .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-link,
html.dark .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {
    color: rgba(232, 230, 240, 0.35) !important;
}

/* Day-of-week Header columns (H, B, T, N, S, B, C) */
html.dark .tribe-events .tribe-events-calendar-month__header-column h3,
html.dark .tribe-events .tribe-events-calendar-month__header-column-title,
html.dark .tribe-common .tribe-events-calendar-month__header-column-title,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__header-column h3,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__header-column-title,
html[data-color-mode="dark"] .tribe-common .tribe-events-calendar-month__header-column-title {
    color: #B0ABBC !important;
}

/* Month/Year text in the datepicker */
html.dark .tribe-events .tribe-events-c-top-bar__datepicker-button,
html.dark .tribe-common .tribe-events-c-top-bar__datepicker-button,
html.dark .tribe-events button.tribe-events-c-top-bar__datepicker-button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__datepicker-button,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
}

/* SVG icons in nav arrows and buttons */
html.dark .tribe-events .tribe-events-c-top-bar__nav-link svg,
html.dark .tribe-events .tribe-events-c-view-selector__button-icon svg,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__nav-link svg,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button-icon svg {
    fill: currentColor;
}

html.dark .tribe-events .tribe-events-c-top-bar__nav-link path,
html.dark .tribe-events .tribe-events-c-view-selector__button-icon path,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-top-bar__nav-link path,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button-icon path {
    fill: currentColor !important;
}

/* View selector button text */
html.dark .tribe-events .tribe-events-c-view-selector__button-text,
html.dark .tribe-common .tribe-events-c-view-selector__button-text,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button-text,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-view-selector__button-text {
    color: #E8E6F0 !important;
}

/* Events bar search button icon */
html.dark .tribe-events .tribe-events-c-events-bar__search-button svg,
html.dark .tribe-events .tribe-events-c-events-bar__search-button path,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-button svg,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-button path {
    fill: #A8A3B8 !important;
}

/* "No events today" message text */
html.dark .tribe-events .tribe-events-c-messages__message-list-item,
html.dark .tribe-events .tribe-events-header__messages p,
html.dark .tribe-common .tribe-events-c-messages__message-list-item,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-messages__message-list-item,
html[data-color-mode="dark"] .tribe-events .tribe-events-header__messages p,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-messages__message-list-item {
    color: #A8A3B8 !important;
}

/* "Last events" section title and links */
html.dark .tribe-events .tribe-events-calendar-latest-past__event-title a,
html.dark .tribe-events .tribe-events-calendar-latest-past__event-header a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-title a,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-header a {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-calendar-latest-past__event-datetime,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-datetime {
    color: #C2410C !important;
}

html.dark .tribe-events .tribe-events-calendar-latest-past__event-description p,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-latest-past__event-description p {
    color: #A8A3B8 !important;
}


/*
 * LIGHT MODE — Force day links to use dark purple, not generic link color
 */
html.light .tribe-events .tribe-events-calendar-month__day-date-link,
html.light .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html.light .tribe-events .tribe-events-calendar-month__day-date-link:link,
html.light .tribe-common a.tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link:link,
html[data-color-mode="light"] .tribe-common a.tribe-events-calendar-month__day-date-link {
    color: #1A103C !important;
    text-decoration: none !important;
}

html.light .tribe-events .tribe-events-calendar-month__day-date-link:hover,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link:hover {
    color: #C2410C !important;
}

html.light .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link,
html.light .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html.light .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-link,
html.light .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {
    color: rgba(26, 16, 60, 0.30) !important;
}

html.light .tribe-events .tribe-events-calendar-month__header-column-title,
html.light .tribe-common .tribe-events-calendar-month__header-column-title,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__header-column-title,
html[data-color-mode="light"] .tribe-common .tribe-events-calendar-month__header-column-title {
    color: #6B618C !important;
}


/* ============================================
   ============================================
   ==== USER-REQUESTED TWEAKS (v2)  ===========
   ============================================
   ============================================ */

/* 1. Search input: text "Tìm kiếm các sự kiện" đang chồng lên icon — đẩy lùi text 20px */
.tribe-events .tribe-events-c-search__input,
html.light .tribe-events .tribe-events-c-search__input,
html.dark .tribe-events .tribe-events-c-search__input,
html[data-color-mode="light"] .tribe-events .tribe-events-c-search__input,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-search__input {
    padding-left: 44px !important;
}

/* 2. Events bar elements đang dính nhau — thêm gap 15px */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar > * {
    margin: 0 !important;
}

/* 3. Xóa các bullet markers (•) trong view selector và top bar nav */
.tribe-events .tribe-events-c-view-selector__content .tribe-events-c-view-selector__list,
.tribe-events .tribe-events-c-top-bar__nav-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.tribe-events .tribe-events-c-view-selector__list li,
.tribe-events .tribe-events-c-top-bar__nav-list li {
    list-style-type: none !important;
    list-style: none !important;
}

.tribe-events .tribe-events-c-view-selector__list li::before,
.tribe-events .tribe-events-c-view-selector__list li::marker,
.tribe-events .tribe-events-c-top-bar__nav-list li::before,
.tribe-events .tribe-events-c-top-bar__nav-list li::marker {
    content: none !important;
    display: none !important;
}

/* 4. Tooltip/Popup sự kiện — bỏ vòng trắng xám bên ngoài, giữ padding 15px bên trong */
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip {
    padding: 15px !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
    outline: none !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-tooltip .tribe-events-calendar-month__calendar-event-tooltip-featured-image {
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-tooltip .tribe-events-calendar-month__calendar-event-tooltip-title,
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip .tribe-events-calendar-month__calendar-event-tooltip-datetime {
    padding: 4px 0 !important;
}

/* Tooltip wrapper ngoài cùng — bỏ vòng, bỏ padding container */
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-container,
.tribe-events .tribe-events-tooltip {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 5. Ngày trên lịch: Light = tím thương hiệu, Dark = trắng sáng hơn */

/* Light: Số ngày → tím */
html.light .tribe-events .tribe-events-calendar-month__day-date-daynum,
html.light .tribe-events .tribe-events-calendar-month__day-date-link,
html.light .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html.light .tribe-events .tribe-events-calendar-month__day-date-link:link,
html.light .tribe-common .tribe-events-calendar-month__day-date-daynum,
html.light .tribe-common a.tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html[data-color-mode="light"] .tribe-events .tribe-events-calendar-month__day-date-link:link,
html[data-color-mode="light"] .tribe-common .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="light"] .tribe-common a.tribe-events-calendar-month__day-date-link {
    color: #1A103C !important;
}

/* Dark: Số ngày → trắng sáng */
html.dark .tribe-events .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-events .tribe-events-calendar-month__day-date-link,
html.dark .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html.dark .tribe-events .tribe-events-calendar-month__day-date-link:link,
html.dark .tribe-common .tribe-events-calendar-month__day-date-daynum,
html.dark .tribe-common a.tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link:visited,
html[data-color-mode="dark"] .tribe-events .tribe-events-calendar-month__day-date-link:link,
html[data-color-mode="dark"] .tribe-common .tribe-events-calendar-month__day-date-daynum,
html[data-color-mode="dark"] .tribe-common a.tribe-events-calendar-month__day-date-link {
    color: #ffffff !important;
}

/* 6. Dark: Search container → nền tối */
html.dark .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container,
html.dark .tribe-events .tribe-events-c-events-bar__search-container,
html[data-color-mode="dark"] .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-container {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 50px !important;
}

html.dark .tribe-events .tribe-events-c-events-bar__search-container input,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-events-bar__search-container input {
    background: transparent !important;
    color: #E8E6F0 !important;
}

/* 7. Dark: View selector items (Danh sách, Tháng, Ngày) → trắng */
html.dark .tribe-events .tribe-events-c-view-selector__list-item-link,
html.dark .tribe-events .tribe-events-c-view-selector__list-item-text,
html.dark .tribe-common .tribe-events-c-view-selector__list-item-link,
html.dark .tribe-common .tribe-events-c-view-selector__list-item-text,
html.dark .tribe-events .tribe-events-c-view-selector__button,
html.dark .tribe-events .tribe-events-c-view-selector__button-text,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item-text,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-view-selector__list-item-text,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__button-text {
    color: #ffffff !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__list-item-link:hover,
html.dark .tribe-common .tribe-events-c-view-selector__list-item-link:hover,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item-link:hover,
html[data-color-mode="dark"] .tribe-common .tribe-events-c-view-selector__list-item-link:hover {
    color: #F5B731 !important;
}

html.dark .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
html[data-color-mode="dark"] .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
    color: #C2410C !important;
}


/* ============================================
   ============================================
   ==== NAV BUTTONS FIX + GLOBAL TWEAKS =======
   ============================================
   ============================================ */

/* Fix nav arrows (< >) not clickable — ensure z-index and pointer-events */
.tribe-events .tribe-events-c-top-bar__nav-list {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 4px !important;
    align-items: center !important;
}

.tribe-events .tribe-events-c-top-bar__nav-list li {
    list-style: none !important;
    display: inline-flex !important;
}

.tribe-events .tribe-events-c-top-bar__nav-list li::marker,
.tribe-events .tribe-events-c-top-bar__nav-list li::before {
    content: none !important;
    display: none !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    min-height: 32px !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link[disabled] {
    opacity: 0.3 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Global: Xóa tất cả bullet markers trong .tribe-events */
.tribe-events ul,
.tribe-events ol,
.tribe-common ul,
.tribe-common ol {
    list-style: none !important;
}

.tribe-events li::marker,
.tribe-common li::marker {
    content: none !important;
    display: none !important;
    font-size: 0 !important;
    color: transparent !important;
}

.tribe-events li::before,
.tribe-common li::before {
    content: none !important;
}

/* Fix: View selector list cũng cần reset */
.tribe-events .tribe-events-c-view-selector__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tribe-events .tribe-events-c-view-selector__list-item {
    list-style: none !important;
}


/* ============================================
   SINGLE EVENT PAGE STYLES
   ============================================ */

/* Container */
.tribe-events-single {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Title */
.tribe-events-single .tribe-events-single-event-title {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    margin-bottom: 12px;
}

/* Schedule */
.tribe-events-single .tribe-events-schedule {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem;
    margin-bottom: 24px;
    padding: 12px 20px;
    border-radius: 12px;
}

/* Content */
.tribe-events-single .tribe-events-content {
    font-family: 'Inter', sans-serif !important;
    line-height: 1.8;
    margin-bottom: 32px;
}

/* Venue & Organizer */
.tribe-events-single .tribe-venue,
.tribe-events-single .tribe-organizer {
    font-family: 'Inter', sans-serif !important;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

/* Back link */
.tribe-events-single .tribe-events-nav-pagination {
    padding-top: 24px;
    border-top-width: 1px;
    border-top-style: solid;
}

.tribe-events-single .tribe-events-nav-pagination a {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 50px;
    padding: 10px 24px;
    display: inline-block;
    transition: all 0.2s ease;
}

/* ---- Single Event: Dark Mode ---- */
html.dark .tribe-events-single .tribe-events-single-event-title,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-single-event-title {
    color: #ffffff !important;
}

html.dark .tribe-events-single .tribe-events-schedule,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-schedule {
    color: #C2410C !important;
    background: rgba(194, 65, 12, 0.08) !important;
    border: 1px solid rgba(194, 65, 12, 0.15) !important;
}

html.dark .tribe-events-single .tribe-events-cost,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-cost {
    color: #F5B731 !important;
}

html.dark .tribe-events-single .tribe-events-content,
html.dark .tribe-events-single .tribe-events-content p,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-content,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-content p {
    color: #E8E6F0 !important;
}

html.dark .tribe-events-single .tribe-venue,
html.dark .tribe-events-single .tribe-organizer,
html[data-color-mode="dark"] .tribe-events-single .tribe-venue,
html[data-color-mode="dark"] .tribe-events-single .tribe-organizer {
    color: #A8A3B8 !important;
}

html.dark .tribe-events-single .tribe-events-nav-pagination,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-nav-pagination {
    border-top-color: rgba(255, 255, 255, 0.08);
}

html.dark .tribe-events-single .tribe-events-nav-pagination a,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-nav-pagination a {
    color: #0B0518 !important;
    background: #F5B731 !important;
}

html.dark .tribe-events-single .tribe-events-nav-pagination a:hover,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-nav-pagination a:hover {
    background: #FACC15 !important;
}

/* ---- Single Event: Light Mode ---- */
html.light .tribe-events-single .tribe-events-single-event-title,
html[data-color-mode="light"] .tribe-events-single .tribe-events-single-event-title {
    color: #1A103C !important;
}

html.light .tribe-events-single .tribe-events-schedule,
html[data-color-mode="light"] .tribe-events-single .tribe-events-schedule {
    color: #C2410C !important;
    background: rgba(194, 65, 12, 0.05) !important;
    border: 1px solid rgba(194, 65, 12, 0.10) !important;
}

html.light .tribe-events-single .tribe-events-cost,
html[data-color-mode="light"] .tribe-events-single .tribe-events-cost {
    color: #C2410C !important;
}

html.light .tribe-events-single .tribe-events-content,
html.light .tribe-events-single .tribe-events-content p,
html[data-color-mode="light"] .tribe-events-single .tribe-events-content,
html[data-color-mode="light"] .tribe-events-single .tribe-events-content p {
    color: #2D2654 !important;
}

html.light .tribe-events-single .tribe-venue,
html.light .tribe-events-single .tribe-organizer,
html[data-color-mode="light"] .tribe-events-single .tribe-venue,
html[data-color-mode="light"] .tribe-events-single .tribe-organizer {
    color: #4A4568 !important;
}

html.light .tribe-events-single .tribe-events-nav-pagination,
html[data-color-mode="light"] .tribe-events-single .tribe-events-nav-pagination {
    border-top-color: rgba(26, 16, 60, 0.08);
}

html.light .tribe-events-single .tribe-events-nav-pagination a,
html[data-color-mode="light"] .tribe-events-single .tribe-events-nav-pagination a {
    color: #ffffff !important;
    background: #C2410C !important;
}

html.light .tribe-events-single .tribe-events-nav-pagination a:hover,
html[data-color-mode="light"] .tribe-events-single .tribe-events-nav-pagination a:hover {
    background: #9A3412 !important;
}


/* ============================================
   SUBSCRIBE BUTTONS (Google Calendar + iCal)
   ============================================ */

.tribe-events-single .tribe-events-cal-links {
    margin-top: 24px;
}

.tribe-events-single .tribe-events-button {
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    padding: 10px 22px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

/* Dark mode subscribe buttons */
html.dark .tribe-events-single .tribe-events-gcal,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-gcal {
    background: rgba(194, 65, 12, 0.12) !important;
    color: #C2410C !important;
    border: 1px solid rgba(194, 65, 12, 0.25) !important;
}

html.dark .tribe-events-single .tribe-events-gcal:hover,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-gcal:hover {
    background: #C2410C !important;
    color: #ffffff !important;
}

html.dark .tribe-events-single .tribe-events-ical,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-ical {
    background: rgba(245, 183, 49, 0.10) !important;
    color: #F5B731 !important;
    border: 1px solid rgba(245, 183, 49, 0.25) !important;
}

html.dark .tribe-events-single .tribe-events-ical:hover,
html[data-color-mode="dark"] .tribe-events-single .tribe-events-ical:hover {
    background: #F5B731 !important;
    color: #0B0518 !important;
}

/* Light mode subscribe buttons */
html.light .tribe-events-single .tribe-events-gcal,
html[data-color-mode="light"] .tribe-events-single .tribe-events-gcal {
    background: rgba(194, 65, 12, 0.08) !important;
    color: #C2410C !important;
    border: 1px solid rgba(194, 65, 12, 0.2) !important;
}

html.light .tribe-events-single .tribe-events-gcal:hover,
html[data-color-mode="light"] .tribe-events-single .tribe-events-gcal:hover {
    background: #C2410C !important;
    color: #ffffff !important;
}

html.light .tribe-events-single .tribe-events-ical,
html[data-color-mode="light"] .tribe-events-single .tribe-events-ical {
    background: rgba(26, 16, 60, 0.06) !important;
    color: #1A103C !important;
    border: 1px solid rgba(26, 16, 60, 0.12) !important;
}

html.light .tribe-events-single .tribe-events-ical:hover,
html[data-color-mode="light"] .tribe-events-single .tribe-events-ical:hover {
    background: #1A103C !important;
    color: #ffffff !important;
}


/* ============================================
   DARK MODE: Single Event content text → trắng
   ============================================ */
html.dark .fcom_wp_content_body .tribe-events-single .tribe-events-content,
html.dark .fcom_wp_content_body .tribe-events-single .tribe-events-content p,
html.dark .fcom_wp_content_body .tribe-events-single .tribe-events-content a,
html.dark .fcom_wp_content_body .tribe-events-single .tribe-events-content li,
html.dark .fcom_wp_content_body .tribe-events-single .tribe-events-content span,
html.dark .fcom_wp_content_body p,
html[data-color-mode="dark"] .fcom_wp_content_body .tribe-events-single .tribe-events-content,
html[data-color-mode="dark"] .fcom_wp_content_body .tribe-events-single .tribe-events-content p,
html[data-color-mode="dark"] .fcom_wp_content_body .tribe-events-single .tribe-events-content a,
html[data-color-mode="dark"] .fcom_wp_content_body .tribe-events-single .tribe-events-content li,
html[data-color-mode="dark"] .fcom_wp_content_body .tribe-events-single .tribe-events-content span,
html[data-color-mode="dark"] .fcom_wp_content_body p {
    color: #ffffff !important;
}