/* =========================================================
   POWERLIFTING.COM - THE EVENTS CALENDAR CSS
   Load only on TEC archives, event pages, event taxonomies,
   and pages that contain TEC views or event widgets.
   ========================================================= */

/* =========================================================
   BASIC EVENT DISPLAY
   ========================================================= */

.tribe-venue-location {
    display: none !important;
}

.tec-events-elementor-event-widget__datetime {
    color: var(--pl-blue, #0027ff);
}

.tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2,
.tribe-related-events-thumbnail {
    display: none !important;
}

/* Keep event content below the JNews header and dropdowns. */
@media (min-width: 1025px) {
    body .tribe-events-view,
    body .tribe-common,
    body .tribe-events,
    body .tribe-events-pro-map,
    body .tribe-events-pro-map__event-column,
    body .tribe-events-pro-map__map,
    body .tribe-events-pro-map__map-container {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* Keep the main navigation submenu above the event view header. */
#menu-item-7100 {
    position: relative !important;
    z-index: 999999998 !important;
}

#menu-item-7100 > .sub-menu {
    position: absolute !important;
    z-index: 999999999 !important;
}

/* =========================================================
   CUSTOM EVENT VIEW BUTTONS
   ========================================================= */

.events-secondary-header {
    position: relative !important;
    z-index: 999 !important;
    max-width: 1140px;
    margin: 0 auto;
    padding: 12px 0;
    border-bottom: 1px solid var(--pl-border-light, #ddd);
    text-align: left;
}

.events-secondary-header .esh-btn {
    display: inline-block;
    margin: 0 10px;
    padding: 8px 16px;
    color: var(--pl-white, #fff);
    background-color: var(--pl-blue-medium, #334aff);
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    transition: background-color 0.2s ease;
}

.events-secondary-header .esh-btn span {
    display: block;
}

.events-secondary-header .esh-subtext {
    font-size: 0.8em;
    font-weight: 400;
    opacity: 0.8;
}

.events-secondary-header .esh-btn:hover {
    background-color: var(--pl-blue-hover, #5c6eff);
}

/* =========================================================
   DATEPICKER LABELS AND SIZE
   ========================================================= */

.tribe-events-c-top-bar__datepicker-container .datepicker-days::before,
.tribe-events-c-top-bar__datepicker-container .datepicker-months::before {
    display: block;
    margin-top: 15px;
    margin-bottom: 0;
    color: var(--pl-blue, #0027ff);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.tribe-events-c-top-bar__datepicker-container .datepicker-days::before {
    content: "Select Start Date";
}

.tribe-events-c-top-bar__datepicker-container .datepicker-months::before {
    content: "Select Month to View";
}

.tribe-events-c-top-bar__datepicker-container .datepicker-months,
.tribe-events-c-top-bar__datepicker-container .datepicker-years,
.tribe-events-c-top-bar__datepicker-container .datepicker-decades,
.tribe-events-c-top-bar__datepicker-container .datepicker-centuries {
    width: auto !important;
    min-width: 250px;
}

.tribe-events-c-top-bar__datepicker-container .datepicker-months table.table-condensed,
.tribe-events-c-top-bar__datepicker-container .datepicker-years table.table-condensed,
.tribe-events-c-top-bar__datepicker-container .datepicker-decades table.table-condensed,
.tribe-events-c-top-bar__datepicker-container .datepicker-centuries table.table-condensed {
    width: 100% !important;
    table-layout: fixed !important;
}

.tribe-events-c-top-bar__datepicker-container .datepicker-months table.table-condensed th,
.tribe-events-c-top-bar__datepicker-container .datepicker-years table.table-condensed th,
.tribe-events-c-top-bar__datepicker-container .datepicker-decades table.table-condensed th,
.tribe-events-c-top-bar__datepicker-container .datepicker-centuries table.table-condensed th,
.tribe-events-c-top-bar__datepicker-container .datepicker-months table.table-condensed td,
.tribe-events-c-top-bar__datepicker-container .datepicker-years table.table-condensed td,
.tribe-events-c-top-bar__datepicker-container .datepicker-decades table.table-condensed td,
.tribe-events-c-top-bar__datepicker-container .datepicker-centuries table.table-condensed td {
    box-sizing: border-box;
    padding: 10px !important;
}

/* =========================================================
   VIEW-SPECIFIC DATEPICKER MESSAGES
   ========================================================= */

.tribe-events-view--list .tribe-events-c-top-bar__datepicker::before,
.tribe-events-view--map .tribe-events-c-top-bar__datepicker::before,
.tribe-events-view--month .tribe-events-c-top-bar__datepicker::before,
.tribe-events-view--list .tribe-events-c-top-bar__datepicker::after,
.tribe-events-view--map .tribe-events-c-top-bar__datepicker::after {
    display: block;
    width: 100%;
    color: var(--pl-blue, #0027ff);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}

.tribe-events-view--list .tribe-events-c-top-bar__datepicker::before {
    content: "And/Or search by Start Date:";
    margin-bottom: 10px;
}

.tribe-events-view--map .tribe-events-c-top-bar__datepicker::before {
    content: "And/Or search by Start Date:";
    margin-top: 10px;
}

.tribe-events-view--month .tribe-events-c-top-bar__datepicker::before {
    content: "And/Or search by Month:";
    margin-top: 10px;
}

.tribe-events-view--list .tribe-events-c-top-bar__datepicker::after {
    content: "List View shows 100 events. Click 'Next Events' below for list of next 100 events within From - To dates.";
    margin-top: 10px;
}

.tribe-events-view--map .tribe-events-c-top-bar__datepicker::after {
    content: "Map will show 100 events. Click 'Next Events' below for view of next 100 events within From - To dates.";
    margin-top: 10px;
}

.jnews-dark-mode .tribe-events-view--list .tribe-events-c-top-bar__datepicker::before,
.jnews-dark-mode .tribe-events-view--map .tribe-events-c-top-bar__datepicker::before,
.jnews-dark-mode .tribe-events-view--month .tribe-events-c-top-bar__datepicker::before,
.jnews-dark-mode .tribe-events-view--list .tribe-events-c-top-bar__datepicker::after,
.jnews-dark-mode .tribe-events-view--map .tribe-events-c-top-bar__datepicker::after {
    color: #ccc;
}

/* =========================================================
   HIDDEN EVENT CONTROLS AND META
   ========================================================= */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button,
.tribe-events-c-nav__today,
.tribe-events-header__breadcrumbs,
.tribe-events-c-breadcrumbs,
.tribe-events-c-top-bar__nav,
.tribe-events-back,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-events-bar__views,
.tribe-events-calendar-month__calendar-event-tooltip-description,
.tribe-events-pro-map__event-tooltip-venue-address,
.tribe-events-pro-map__event-venue-address,
.tribe-events-pro-map__event-datetime-wrapper,
.tribe-events-pro-map__event-distance,
div.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden {
    display: none !important;
}

.tribe-events-pro-map__event-venue-title {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}

/* =========================================================
   EVENT DESCRIPTIONS
   Retained as-is to preserve the current visual behavior.
   Consider replacing these with display:none after testing.
   ========================================================= */

.tribe-events-single-event-description,
.tribe-events-content {
    color: transparent !important;
}

.tribe-events-single-event-description.tribe-events-content,
.tribe-events-single-event-description.tribe-events-content * {
    font-size: 8px !important;
    line-height: 1.1 !important;
}

.tribe-events-calendar-day__event-description {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
}

/* =========================================================
   SHORTCODE LAYOUT
   ========================================================= */

.tribe-events-view--shortcode {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.tribe-events-view--shortcode .tribe-events-view,
.tribe-events-view--shortcode .tribe-events-view .tribe-events-event {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   EVENT COMMENTS
   ========================================================= */

.single-tribe_events cite,
.single-tribe_events cite a {
    font-weight: 700;
}

.single-tribe_events .comment-link time[pubdate] {
    color: var(--pl-muted-dark, #555);
    font-size: 0.85em;
    font-style: italic;
}

/* =========================================================
   DARK MODE: EVENT CONTENT AND CONTROLS
   ========================================================= */

.jnews-dark-mode .tribe-events-single-event-description.tribe-events-content {
    opacity: 0;
}

.jnews-dark-mode .tec-events-elementor-event-widget__datetime {
    color: var(--pl-white, #fff) !important;
    font-weight: 700;
}

.jnews-dark-mode .tribe-events-c-top-bar__today-button {
    color: var(--pl-text-dark, #111) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-desktop,
.jnews-dark-mode .tribe-events-pro-map__event-venue {
    color: var(--pl-white, #fff) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button time,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button span,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button .tribe-events-c-top-bar__datepicker-separator,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button svg path {
    color: #d3d3d3 !important;
    fill: #d3d3d3 !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button-icon-svg svg,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-button-icon-svg path,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-nav-icon-svg svg path {
    color: var(--pl-white, #fff) !important;
    fill: var(--pl-white, #fff) !important;
    stroke: var(--pl-white, #fff) !important;
}

/* Datepicker dropdown */
.jnews-dark-mode .datepicker.datepicker-dropdown {
    background-color: var(--pl-black, #000) !important;
    border: 1px solid var(--pl-dark-border, #222) !important;
    box-shadow: none !important;
}

.jnews-dark-mode .datepicker.datepicker-dropdown table {
    color: var(--pl-white, #fff) !important;
    background-color: transparent !important;
    border-collapse: separate !important;
}

.jnews-dark-mode .datepicker.datepicker-dropdown th,
.jnews-dark-mode .datepicker.datepicker-dropdown td {
    color: var(--pl-white, #fff) !important;
    background-color: transparent !important;
    border: 1px solid var(--pl-dark-border, #222) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker table thead tr,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker table thead th {
    border: none !important;
}

.jnews-dark-mode .datepicker.datepicker-dropdown td.active,
.jnews-dark-mode .datepicker.datepicker-dropdown td.active:hover {
    color: var(--pl-white, #fff) !important;
    background-color: var(--pl-blue-medium, #334aff) !important;
    border-color: var(--pl-blue-medium, #334aff) !important;
}

.jnews-dark-mode .datepicker.datepicker-dropdown tbody tr:hover {
    background-color: transparent !important;
}

.jnews-dark-mode .datepicker.datepicker-dropdown td.day:hover {
    color: var(--pl-black, #000) !important;
    background-color: #4455ee !important;
    border-color: var(--pl-blue-medium, #334aff) !important;
    cursor: pointer;
}

/* Filter bar and search */
.jnews-dark-mode .tribe-events-c-events-bar__search-container {
    background-color: var(--pl-dark-input, #1c1c1c) !important;
    border-color: #444 !important;
}

.jnews-dark-mode .tribe-events-c-events-bar__search-button-icon-svg path,
.jnews-dark-mode .tribe-events-c-events-bar__filter-button svg path {
    fill: #d3d3d3 !important;
}

.jnews-dark-mode .tribe-events-c-events-bar__filter-button span {
    color: #d3d3d3 !important;
}

.jnews-dark-mode .tribe-filter-bar-c-filter__container * {
    color: var(--pl-dark-border, #222) !important;
    background-color: var(--pl-white, #fff) !important;
}

/* Map, tooltip, and related-event elements */
.jnews-dark-mode .tribe-events-pro-map__event-date-tag-daynum,
.jnews-dark-mode .tribe-events-pro-map__event-date-tag-month,
.jnews-dark-mode .tribe-events-calendar-list__event-date-tag-weekday,
.jnews-dark-mode .tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
    color: var(--pl-blue-medium, #334aff) !important;
}

.jnews-dark-mode .tribe-events-pro-map__event-tooltip-title.tribe-common-h7,
.jnews-dark-mode .tribe-events-pro-map__event-tooltip-title.tribe-common-h7 *,
.jnews-dark-mode .tribe-events-calendar-month__calendar-event-tooltip-title.tribe-common-h7,
.jnews-dark-mode .tribe-events-calendar-month__calendar-event-tooltip-title.tribe-common-h7 *,
.jnews-dark-mode .tribe-related-event-info,
.jnews-dark-mode .tribe-related-event-info * {
    color: var(--pl-black, #000) !important;
}

.jnews-dark-mode .tribe-events-event-meta .tribe-events-meta-label,
.jnews-dark-mode .tribe-events-event-meta .tribe-events-meta-key,
.jnews-dark-mode .tribe-events-event-meta .tribe-events-meta-value,
.jnews-dark-mode .tribe-events-event-meta,
.jnews-dark-mode .tribe-events-event-meta * {
    color: var(--pl-white, #fff) !important;
}

/* Month / year / decade / century choices */
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-months .month:not(.active):not(.focused):not(.current),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-years .year:not(.active):not(.focused):not(.current),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-decades .decade:not(.active):not(.focused):not(.current),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-centuries .century:not(.active):not(.focused):not(.current) {
    color: var(--pl-white, #fff) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-months .month:not(.active):not(.focused):not(.current):hover,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-years .year:not(.active):not(.focused):not(.current):hover,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-decades .decade:not(.active):not(.focused):not(.current):hover,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker-centuries .century:not(.active):not(.focused):not(.current):hover {
    color: var(--pl-black, #000) !important;
    cursor: pointer;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .month.active,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .month.focused,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .year.active,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .year.focused,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .decade.active,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .decade.focused,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .century.active,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .century.focused {
    color: var(--pl-white, #fff) !important;
    background-color: var(--pl-blue-medium, #334aff) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .month.current:not(.active):not(.focused),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .year.current:not(.active):not(.focused),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .decade.current:not(.active):not(.focused),
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .century.current:not(.active):not(.focused) {
    position: relative;
    color: var(--pl-white, #fff) !important;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .month.current:not(.active):not(.focused)::before,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .year.current:not(.active):not(.focused)::before,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .decade.current:not(.active):not(.focused)::before,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .century.current:not(.active):not(.focused)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: rgba(51, 74, 255, 0.3);
    border-radius: 4px;
}

.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker table,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker th,
.jnews-dark-mode .tribe-events-c-top-bar__datepicker-container .datepicker td {
    border-color: var(--pl-dark-border, #222) !important;
}

/* Additional event dark-mode elements */
body.jnews-dark-mode .tribe-events-calendar-month__day-date-daynum {
    color: var(--pl-muted-dark, #555) !important;
}

body.jnews-dark-mode .tribe-events-pro-venue__meta-address-details,
body.jnews-dark-mode .tribe-events-pro-venue__meta-address-details *,
body.jnews-dark-mode .tec-events-c-view-box-border {
    color: var(--pl-white, #fff) !important;
    background-color: var(--pl-dark-surface, #1a1a1a) !important;
    border: 1px solid var(--pl-dark-border, #222) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

body.jnews-dark-mode .tribe-events-header__content-title-text,
body.jnews-dark-mode .tribe-events-calendar-list__month-separator-text {
    color: var(--pl-white, #fff) !important;
}