/*
 * CNTS Events Styles
 * Extracted from CNTS.life Additional CSS on 27 September 2026.
 *
 * Covers:
 * - Public event listings
 * - Single event pages
 * - Registration/login messaging
 * - Creators/Partners attending displays
 * - My Events presentation
 *
 * Intended to consolidate into the CNTS Events module later.
 */

/* =========================================================
   13. MY EVENTS
   ========================================================= */

.cnts-my-collab-hero {
    padding-top: 110px;
    padding-bottom: 110px;
}

.cnts-my-registrations {
    margin-top: 40px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--cnts-light-border);
    color: var(--cnts-text-dark) !important;
}

.cnts-my-registrations p,
.cnts-my-registrations td,
.cnts-my-registrations th {
    color: var(--cnts-text-dark) !important;
}

.cnts-my-registrations a {
    color: var(--cnts-heading-dark) !important;
}

.cnts-my-registrations a:hover {
    color: var(--cnts-red) !important;
}

/* =========================================================
   14. WP EVENT MANAGER — SINGLE EVENT
   ========================================================= */

.single-event_listing,
.single-event_listing .site-content,
.single-event_listing .content-area,
.single-event_listing .site-main,
.single-event_listing article,
.single-event_listing .entry-content,
.single-event_listing .ast-container,
.single-event_listing .ast-row,
.single-event_listing .entry-header,
.single-event_listing .entry-meta {
    background: var(--cnts-black) !important;
}

.single-event_listing .entry-title,
.single-event_listing h1,
.single-event_listing h2,
.single-event_listing h3,
.single-event_listing h4,
.single-event_listing .wpem-heading-text {
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .entry-meta,
.single-event_listing .entry-meta a {
    color: var(--cnts-muted-light) !important;
}

.single-event_listing .wpem-single-event-page {
    background: var(--cnts-charcoal) !important;
    border: 1px solid var(--cnts-border) !important;
    box-shadow: none !important;
}

.single-event_listing .wpem-single-event-body {
    border-color: var(--cnts-border) !important;
}

.single-event_listing p,
.single-event_listing li,
.single-event_listing span,
.single-event_listing div,
.single-event_listing .wpem-event-organizer,
.single-event_listing .wpem-event-location,
.single-event_listing .wpem-event-date-time,
.single-event_listing .wpem-event-ticket-type {
    color: var(--cnts-text-light);
}

.single-event_listing i,
.single-event_listing .wpem-icon {
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-single-event-page a {
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .wpem-single-event-page a:hover {
    color: var(--cnts-red) !important;
}

.single-event_listing .woocommerce-message,
.single-event_listing .wpem-alert,
.single-event_listing .wpem-alert-success,
.single-event_listing .wpem-alert-info {
    background: var(--cnts-charcoal) !important;
    color: var(--cnts-heading-light) !important;
    border: 1px solid var(--cnts-border) !important;
    border-left: 4px solid var(--cnts-red) !important;
    border-radius: 0 !important;
}

.single-event_listing input[type="submit"],
.single-event_listing button,
.single-event_listing .wpem-theme-button,
.single-event_listing .registration_button {
    padding: 12px 20px !important;
    background: var(--cnts-red) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: background-color .2s ease, transform .2s ease;
}

.single-event_listing input[type="submit"]:hover,
.single-event_listing button:hover,
.single-event_listing .wpem-theme-button:hover,
.single-event_listing .registration_button:hover {
    background: #b51218 !important;
    transform: translateY(-1px);
}

.single-event_listing input[type="text"],
.single-event_listing input[type="email"],
.single-event_listing textarea,
.single-event_listing select {
    background: #101010 !important;
    color: var(--cnts-heading-light) !important;
    border: 1px solid #444 !important;
    border-radius: 0 !important;
}

.single-event_listing input::placeholder,
.single-event_listing textarea::placeholder {
    color: var(--cnts-muted-dark) !important;
}

.single-event_listing label {
    color: var(--cnts-heading-light) !important;
    font-weight: 700;
}

.single-event_listing .wpem-organizer-profile-wrapper,
.single-event_listing .wpem-venue-profile-wrapper,
.single-event_listing .wpem-single-event-footer,
.single-event_listing .wpem-organizer-profile,
.single-event_listing .wpem-venue-profile {
    background: var(--cnts-charcoal) !important;
    border-color: var(--cnts-border) !important;
    color: var(--cnts-text-light) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title,
.single-event_listing .wpem-single-event-footer .wpem-heading-text,
.single-event_listing .wpem-organizer-profile-wrapper .wpem-organizer-profile-title,
.single-event_listing .wpem-venue-profile-wrapper .wpem-venue-profile-title,
.single-event_listing .wpem-event-organizer .wpem-heading-text,
.single-event_listing .wpem-event-venue .wpem-heading-text,
.single-event_listing [class*="wpem-"] > .wpem-heading-text {
    background: var(--cnts-charcoal) !important;
    color: var(--cnts-heading-light) !important;
    border-color: var(--cnts-border) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title *,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title *,
.single-event_listing .wpem-single-event-footer .wpem-heading-text * {
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title:before,
.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title:after,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title:before,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title:after {
    background: var(--cnts-charcoal) !important;
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-icon-minus,
.single-event_listing .wpem-single-event-footer .wpem-icon-plus {
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-organizer-profile-wrapper a,
.single-event_listing .wpem-venue-profile-wrapper a,
.single-event_listing .wpem-organizer-profile a,
.single-event_listing .wpem-venue-profile a {
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .wpem-organizer-profile-wrapper a:hover,
.single-event_listing .wpem-venue-profile-wrapper a:hover,
.single-event_listing .wpem-organizer-profile a:hover,
.single-event_listing .wpem-venue-profile a:hover {
    color: var(--cnts-red) !important;
}

/* =========================================================
   15. CREATORS ATTENDING
   ========================================================= */

.cnts-creators-attending {
    width: 100%;
    max-width: 1200px;
    margin: 35px auto 0;
    padding: 55px 40px;
    box-sizing: border-box;
    background: var(--cnts-black);
    border: 1px solid var(--cnts-border);
}

.cnts-creators-attending-inner {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

.cnts-creators-attending h2 {
    margin: 8px 0 10px;
    color: var(--cnts-heading-light) !important;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: -0.02em;
}

.cnts-creators-intro {
    margin-bottom: 30px;
    color: var(--cnts-text-light) !important;
    font-size: 1rem;
}

.cnts-creators-attending-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.cnts-creator-attending-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    min-height: 150px;
    padding: 22px;
    background: var(--cnts-card);
    border: 1px solid var(--cnts-border);
}

.cnts-creator-attending-icon {
    flex: 0 0 auto;
    font-size: 1.6rem;
}

.cnts-creator-attending-content h3 {
    margin: 0 0 4px;
    color: var(--cnts-heading-light) !important;
    font-size: 1.2rem;
    font-weight: 900;
}

.cnts-creator-business {
    margin-bottom: 8px;
    color: var(--cnts-text-light);
    font-size: .95rem;
}

.cnts-creator-content-type {
    display: inline-block;
    margin-top: 4px;
    padding: 5px 9px;
    color: #fff;
    background: var(--cnts-red);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cnts-creator-note {
    margin-top: 12px;
    margin-bottom: 0;
    color: var(--cnts-text-light) !important;
    font-size: .9rem;
}

/* =========================================================
   16. RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
    .cnts-grid-3,
    .cnts-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cnts-hero {
        min-height: 650px;
    }

    .cnts-creators-attending-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .single-event_listing .wpem-single-event-page {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .single-event_listing .ast-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (max-width: 650px) {
    .cnts-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cnts-section {
        padding: 55px 0;
    }

    .cnts-cta {
        padding: 70px 20px;
    }

    .cnts-page h1 {
        font-size: clamp(2.8rem, 14vw, 4rem);
        line-height: .98;
    }

    .cnts-page h2 {
        font-size: clamp(1.9rem, 9vw, 2.6rem);
    }

    .cnts-page h3 {
        font-size: 1.25rem;
    }

    .cnts-hero-tag {
        font-size: clamp(1.4rem, 7vw, 2rem);
    }

    .cnts-hero-sub {
        font-size: 1.05rem;
    }

    .cnts-lead {
        font-size: 1rem;
        line-height: 1.7;
    }

    .cnts-big-statement {
        font-size: clamp(1.9rem, 9vw, 2.8rem);
    }

    .cnts-hero {
        min-height: 620px;
    }

    .cnts-hero-content {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .cnts-hero-home,
    .cnts-hero-media,
    .cnts-hero-about {
        background-position: 65% center !important;
    }

    .cnts-hero-lids-off {
        background-position: 72% center !important;
    }

    .cnts-grid-2,
    .cnts-grid-3,
    .cnts-grid-4 {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cnts-card {
        min-height: 0;
        padding: 26px;
    }

    .cnts-buttons {
        gap: 10px;
    }

    .cnts-btn {
        padding: 13px 20px;
        font-size: .86rem;
    }

    .cnts-media-feature-copy {
        max-width: 100%;
    }

    .cnts-footer {
        padding-top: 50px;
    }

    .cnts-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cnts-footer-bottom {
        flex-direction: column;
        gap: 8px;
    }

    .wpforms-container .wpforms-field {
        padding-bottom: 22px !important;
    }

    .wpforms-container input[type="text"],
    .wpforms-container input[type="email"],
    .wpforms-container input[type="tel"],
    .wpforms-container input[type="number"],
    .wpforms-container input[type="url"],
    .wpforms-container input[type="date"],
    .wpforms-container input[type="password"],
    .wpforms-container textarea,
    .wpforms-container select {
        font-size: 16px !important;
    }

    .wpforms-container button[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .cnts-my-collab-hero {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .cnts-my-registrations {
        padding: 18px;
    }

    .cnts-creators-attending {
        margin-top: 25px;
        padding: 35px 20px;
    }

    .cnts-creators-attending-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .cnts-page h1 {
        font-size: 2.8rem;
    }

    .cnts-page h2 {
        font-size: 1.9rem;
    }

    .cnts-hero {
        min-height: 580px;
    }

    .cnts-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .cnts-buttons .cnts-btn {
        width: 100%;
        text-align: center;
    }
}

/* =========================================================
   EVENTS — PUBLIC LISTING: HIDE DEFAULT SEARCH/FILTERS
   ========================================================= */

.cnts-event-listing-wrap .wpem-form-wrapper,
.cnts-event-listing-wrap .wpem-event-listing-header-title,
.cnts-event-listing-wrap .wpem-event-filter-wrapper,
.cnts-event-listing-wrap .wpem-event-listing-filter-wrapper,
.cnts-event-listing-wrap .wpem-event-listing-search-form,
.cnts-event-listing-wrap .wpem-event-listing-search,
.cnts-event-listing-wrap .wpem-event-listing-filter {
    display: none !important;
}
.cnts-event-listing-wrap {
    margin-top: 35px;
}

.cnts-event-listing-wrap .wpem-event-listings {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.cnts-event-listing-wrap .wpem-event-listings-header {
    display: none !important;
}

/* =========================================================
   EVENTS — PUBLIC LISTING CARDS
   ========================================================= */

.cnts-event-listing-wrap .wpem-event-layout-wrapper {
    margin-bottom: 20px !important;
    background: var(--cnts-charcoal) !important;
    border: 1px solid var(--cnts-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.cnts-event-listing-wrap .wpem-event-layout-wrapper:hover {
    transform: translateY(-3px);
    background: var(--cnts-card) !important;
    border-color: #4a4a4a !important;
}
.cnts-event-listing-wrap .wpem-event-title,
.cnts-event-listing-wrap .wpem-event-title h3,
.cnts-event-listing-wrap .wpem-event-title h3 a {
    color: var(--cnts-heading-light) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.cnts-event-listing-wrap .wpem-event-title h3 {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
}

.cnts-event-listing-wrap .wpem-event-title a:hover {
    color: var(--cnts-red) !important;
}
.cnts-event-listing-wrap .wpem-event-infomation,
.cnts-event-listing-wrap .wpem-event-infomation *,
.cnts-event-listing-wrap .wpem-event-details,
.cnts-event-listing-wrap .wpem-event-details * {
    color: var(--cnts-text-light) !important;
}

.cnts-event-listing-wrap .wpem-event-date {
    background: var(--cnts-black) !important;
    border-right: 1px solid var(--cnts-border) !important;
}

.cnts-event-listing-wrap .wpem-event-date-type,
.cnts-event-listing-wrap .wpem-event-date-text {
    color: var(--cnts-heading-light) !important;
    font-weight: 800 !important;
}

.cnts-event-listing-wrap i,
.cnts-event-listing-wrap .wpem-icon {
    color: var(--cnts-red) !important;
}
.cnts-event-listing-wrap .wpem-event-banner,
.cnts-event-listing-wrap .wpem-event-infomation {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.cnts-event-listing-wrap .wpem-event-details {
    line-height: 1.6 !important;
}
@media (max-width: 700px) {
    .cnts-event-listing-wrap .wpem-event-layout-wrapper {
        margin-bottom: 15px !important;
    }

    .cnts-event-listing-wrap .wpem-event-title h3 {
        font-size: 1.15rem !important;
    }
}
/* =========================================================
   EVENTS — LISTING ATTENDANCE
   ========================================================= */

.cnts-listing-attendance {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cnts-listing-attendance-label {
    display: inline-block;
    padding: 4px 8px;
    background: var(--cnts-red);
    color: #ffffff !important;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .cnts-listing-attendance {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =========================================================
   EVENTS — ATTENDEE INSTAGRAM LINKS
   ========================================================= */

.cnts-creator-instagram-link {
    color: var(--cnts-heading-light) !important;
    text-decoration: none !important;
}

.cnts-creator-instagram-link:hover {
    color: var(--cnts-red) !important;
}
/* =========================================================
   EVENTS — LOGIN REQUIRED MESSAGE
   ========================================================= */

.single-event_listing .event_registration.login-required,
.single-event_listing .wpem-registration-event-button + p,
.single-event_listing .wpem-register-event-form-wrapper p {
    color: var(--cnts-text-light) !important;
    font-size: 0.92rem;
    line-height: 1.5;
}

.single-event_listing .event_registration.login-required a,
.single-event_listing .wpem-registration-event-button + p a,
.single-event_listing .wpem-register-event-form-wrapper p a {
    color: var(--cnts-heading-light) !important;
    font-weight: 800;
    text-decoration: underline;
}

.single-event_listing .event_registration.login-required a:hover,
.single-event_listing .wpem-registration-event-button + p a:hover,
.single-event_listing .wpem-register-event-form-wrapper p a:hover {
    color: var(--cnts-red) !important;
}
/* =========================================================
   EVENTS — ORGANISER / VENUE HEADER STRIPS
   ========================================================= */

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title {
    background: var(--cnts-charcoal) !important;
    color: var(--cnts-heading-light) !important;
    border-top: 1px solid var(--cnts-border) !important;
    border-bottom: 1px solid var(--cnts-border) !important;
    padding: 12px 14px !important;
}

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title *,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title * {
    background: transparent !important;
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title:before,
.single-event_listing .wpem-single-event-footer .wpem-organizer-profile-title:after,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title:before,
.single-event_listing .wpem-single-event-footer .wpem-venue-profile-title:after {
    background: transparent !important;
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-icon-minus,
.single-event_listing .wpem-single-event-footer .wpem-icon-plus {
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-organizer-profile-wrapper,
.single-event_listing .wpem-venue-profile-wrapper,
.single-event_listing .wpem-organizer-profile,
.single-event_listing .wpem-venue-profile {
    background: var(--cnts-charcoal) !important;
    border-color: var(--cnts-border) !important;
    color: var(--cnts-text-light) !important;
}
/* =========================================================
   EVENTS — ORGANISER / VENUE ACCORDION HEADERS
   ========================================================= */

.single-event_listing .wpem-single-event-footer .wpem-listing-accordion,
.single-event_listing .wpem-single-event-footer .wpem-event-organizer-info-title,
.single-event_listing .wpem-single-event-footer .wpem-event-venue-info-title {
    background: var(--cnts-charcoal) !important;
    border-top: 1px solid var(--cnts-border) !important;
    border-bottom: 1px solid var(--cnts-border) !important;
    color: var(--cnts-heading-light) !important;
    padding: 12px 14px !important;
}

.single-event_listing .wpem-single-event-footer .wpem-listing-accordion .wpem-heading-text,
.single-event_listing .wpem-single-event-footer .wpem-event-organizer-info-title .wpem-heading-text,
.single-event_listing .wpem-single-event-footer .wpem-event-venue-info-title .wpem-heading-text {
    margin: 0 !important;
    background: transparent !important;
    color: var(--cnts-heading-light) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-minus,
.single-event_listing .wpem-single-event-footer .wpem-listing-accordion .wpem-icon-plus {
    color: var(--cnts-red) !important;
}

.single-event_listing .wpem-single-event-footer .wpem-listing-accordion-panel,
.single-event_listing .wpem-single-event-footer .wpem-organizer-wrapper,
.single-event_listing .wpem-single-event-footer .wpem-venue-wrapper {
    background: var(--cnts-charcoal) !important;
    border-color: var(--cnts-border) !important;
}
/* =========================================================
   EVENTS — HIDE SINGLE EVENT BANNER
   ========================================================= */

.single-event_listing .wpem-event-single-image,
.single-event_listing .wpem-single-event-banner,
.single-event_listing .wpem-event-banner {
    display: none !important;
}
/* =========================================================
   EVENTS — LISTING PARTNER / CREATOR DETAILS
   ========================================================= */

.cnts-listing-attendance-creators {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.cnts-listing-creator {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.cnts-listing-creator-link {
    color: var(--cnts-heading-light) !important;
    text-decoration: none !important;
    font-size: 0.86rem;
    font-weight: 800;
}

.cnts-listing-creator-link:hover {
    color: var(--cnts-red) !important;
}

.cnts-listing-content-type {
    color: var(--cnts-muted-light) !important;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 650px) {
    .cnts-listing-attendance-creators {
        flex-direction: column;
        gap: 6px;
    }
}
/* =========================================================
   CNTS EVENTS HERO
   ========================================================= */

.cnts-page .cnts-events-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: center;
    padding: 90px 0;
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.94) 0%,
            rgba(0,0,0,0.80) 38%,
            rgba(0,0,0,0.48) 68%,
            rgba(0,0,0,0.24) 100%
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/heroevents.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: var(--cnts-heading-light);
}

.cnts-events-hero .cnts-container {
    position: relative;
    z-index: 2;
}

.cnts-events-hero h1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: var(--cnts-heading-light) !important;
}

.cnts-events-hero .cnts-lead {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    color: var(--cnts-text-light) !important;
}

.cnts-events-hero .cnts-eyebrow {
    color: var(--cnts-muted-light) !important;
}

/* =========================================================
   EVENTS HERO - MOBILE
   ========================================================= */

@media (max-width: 650px) {
    .cnts-page .cnts-events-hero {
        min-height: 540px;
        padding: 70px 0;
        background-position: 62% center !important;
    }

    .cnts-events-hero h1 {
        font-size: clamp(2.7rem, 12vw, 3.8rem);
    }
}
/* =========================================================
   CNTS HERO ALIGNMENT — GLOBAL LEFT ALIGNMENT OVERRIDE
   ========================================================= */

.cnts-page .cnts-hero .cnts-container,
.cnts-page .cnts-hero .cnts-hero-content,
.cnts-page .cnts-collabs-hero .cnts-container,
.cnts-page .cnts-events-hero .cnts-container,
.cnts-page .cnts-login-hero .cnts-container,
.cnts-page .cnts-my-collab-hero .cnts-container {
    text-align: left !important;
}

.cnts-page .cnts-hero h1,
.cnts-page .cnts-hero h2,
.cnts-page .cnts-hero .cnts-eyebrow,
.cnts-page .cnts-hero .cnts-lead,
.cnts-page .cnts-hero .cnts-hero-tag,
.cnts-page .cnts-hero .cnts-hero-sub,
.cnts-page .cnts-collabs-hero h1,
.cnts-page .cnts-collabs-hero .cnts-eyebrow,
.cnts-page .cnts-collabs-hero .cnts-lead,
.cnts-page .cnts-events-hero h1,
.cnts-page .cnts-events-hero .cnts-eyebrow,
.cnts-page .cnts-events-hero .cnts-lead,
.cnts-page .cnts-login-hero h1,
.cnts-page .cnts-login-hero .cnts-eyebrow,
.cnts-page .cnts-login-hero .cnts-lead,
.cnts-page .cnts-my-collab-hero h1,
.cnts-page .cnts-my-collab-hero .cnts-eyebrow,
.cnts-page .cnts-my-collab-hero .cnts-lead {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.cnts-page .cnts-hero .cnts-hero-content {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.cnts-page .cnts-hero .cnts-buttons,
.cnts-page .cnts-collabs-hero .cnts-buttons,
.cnts-page .cnts-events-hero .cnts-buttons,
.cnts-page .cnts-login-hero .cnts-buttons,
.cnts-page .cnts-my-collab-hero .cnts-buttons {
    justify-content: flex-start !important;
}


/* =========================================================
   CNTS EVENTS PAGE — BOX VIEW
   v1.1.0
   Keeps native [events layout_type="box"] clean and contained.
   ========================================================= */

/* Hide WP Event Manager's public search/filter UI on the CNTS Events page. */
body:has(.cnts-events-page) .wpem-form-wrapper,
body:has(.cnts-events-page) .wpem-event-listing-header-title,
body:has(.cnts-events-page) .wpem-event-filter-wrapper,
body:has(.cnts-events-page) .wpem-event-listing-filter-wrapper,
body:has(.cnts-events-page) .wpem-event-listing-search-form,
body:has(.cnts-events-page) .wpem-event-listing-search,
body:has(.cnts-events-page) .wpem-event-listing-filter,
body:has(.cnts-events-page) .wpem-event-listings-header {
    display: none !important;
}

/* Match the normal CNTS content width. */
body:has(.cnts-events-page) .wpem-event-listings {
    width: 100% !important;
    max-width: var(--cnts-max-width, 1200px) !important;
    margin: 0 auto !important;
    padding: 34px 24px 58px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
}

/* Remove the large white native listing canvas around the cards. */
body:has(.cnts-events-page) .wpem-main,
body:has(.cnts-events-page) .wpem-event-listings.wpem-event-listing-box-view {
    background: transparent !important;
}

/* Compact three-column box layout. */
body:has(.cnts-events-page) .wpem-event-box-col {
    padding-left: 9px !important;
    padding-right: 9px !important;
    margin-bottom: 18px !important;
}

/* CNTS card treatment. */
body:has(.cnts-events-page) .wpem-event-layout-wrapper {
    height: 100% !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    background: var(--cnts-charcoal, #151515) !important;
    border: 1px solid var(--cnts-border, #333333) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

body:has(.cnts-events-page) .wpem-event-layout-wrapper:hover {
    transform: translateY(-3px);
    background: var(--cnts-card, #1d1d1d) !important;
    border-color: #4a4a4a !important;
}

/* Stop event artwork becoming billboard-sized. */
body:has(.cnts-events-page) .wpem-event-banner {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body:has(.cnts-events-page) .wpem-event-banner img,
body:has(.cnts-events-page) .wpem-event-banner .wpem-event-banner-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Compact card information. */
body:has(.cnts-events-page) .wpem-event-infomation {
    padding: 18px 20px 20px !important;
    background: transparent !important;
}

body:has(.cnts-events-page) .wpem-event-title,
body:has(.cnts-events-page) .wpem-event-title h3,
body:has(.cnts-events-page) .wpem-event-title h3 a {
    color: var(--cnts-heading-light, #e8e3da) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

body:has(.cnts-events-page) .wpem-event-title h3 {
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
}

body:has(.cnts-events-page) .wpem-event-infomation,
body:has(.cnts-events-page) .wpem-event-infomation *,
body:has(.cnts-events-page) .wpem-event-details,
body:has(.cnts-events-page) .wpem-event-details * {
    color: var(--cnts-text-light, #b9b3aa) !important;
}

body:has(.cnts-events-page) .wpem-event-date {
    background: #ffffff !important;
}

body:has(.cnts-events-page) .wpem-event-date-type,
body:has(.cnts-events-page) .wpem-event-date-text {
    color: #111111 !important;
    font-weight: 800 !important;
}

body:has(.cnts-events-page) .wpem-icon,
body:has(.cnts-events-page) .wpem-event-details i {
    color: var(--cnts-red, #d71920) !important;
}

@media (max-width: 900px) {
    body:has(.cnts-events-page) .wpem-event-listings {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body:has(.cnts-events-page) .wpem-event-banner {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
    }
}

@media (max-width: 650px) {
    body:has(.cnts-events-page) .wpem-event-listings {
        padding-top: 24px !important;
        padding-bottom: 40px !important;
    }

    body:has(.cnts-events-page) .wpem-event-banner {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }

    body:has(.cnts-events-page) .wpem-event-infomation {
        padding: 17px 18px 19px !important;
    }
}
