/* Simple List 2 — eventon-style list (matches Eventon-lite widget style)

   Faithful CSS clone of the Eventon-lite list used on the reference page ("=6=").
   Structure mirrors the eventon-lite DOM:
     .eventon_list_event > .desc_trig > .evcal_list_a
     ├─ .evcal_cblock  (day + month cblock)
     └─ .evoet_cx > .evcal_event_title (title) + .evcal_event_subtitle (subtitle)

   Hover behaviour: transparent background → light grey, thin left border → 7px.
   All font/spacing values are in em so they inherit the theme's base font size.
*/

.cct-list-simple2 {
    margin: 0;
    padding: 0;
    color: inherit;
}

.cct-list-simple2__title-heading {
    margin-bottom: 1em;
}

.cct-list-simple2__empty {
    min-height: 3.125em;
    margin: 0.5em 0;
}

.cct-list-simple2__list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

/** item wrapper (eventon: .eventon_list_event) **/
.cct-list-simple2__item {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    list-style-type: none;
    border-bottom: 1px solid #d5d5d5;
}

.cct-list-simple2__item:last-child {
    border-bottom: none;
}

/** clickable row (eventon: .desc_trig + .evcal_list_a, combined because we
    do not need the "desc expand" collapse behaviour, but keep the same
    visual shape so the hover styles below match 1:1) **/
/* esty_5 "crystal clean": transparent row at rest, grey on hover. */
.cct-list-simple2__trig {
    display: flex;
    width: 100%;
    align-items: flex-start;
    background-color: transparent;
    padding: 1.25em;
    overflow: hidden;
    border-left: 3px solid transparent;
    min-height: 3.9375em;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.cct-list-simple2__trig:hover,
.cct-list-simple2__trig:focus-visible {
    background-color: #f1f1f1;
    border-left-width: 7px;
    outline: none;
}

/** date cblock (eventon: .evcal_cblock with .evo_start: day + short month) **/
.cct-list-simple2__cblock {
    font-size: 1.875em;
    font-weight: bold;
    line-height: 110%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: inherit;
    background: transparent;
    padding: 0;
    margin: 0 0.75em 0 0;
    min-width: 2.375em;
}

.cct-list-simple2__cblock .day {
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 110%;
    text-align: center;
}

.cct-list-simple2__cblock .month {
    display: block;
    font-size: 0.6875em;
    font-weight: bold;
    font-style: normal;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
}

.cct-list-simple2__cblock.cblock.mnl {
    display: none;
}

/** content column (eventon: .evoet_cx) **/
.cct-list-simple2__cx {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0;
}

/** main title (eventon: .evcal_event_title / .evoet_title) **/
.cct-list-simple2__title {
    display: block;
    font-size: 1em;
    line-height: 120%;
    padding-bottom: 0.5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: inherit;
}

.cct-list-simple2__trig:hover .cct-list-simple2__title {
    color: inherit;
}

/** subtitle (eventon: .evcal_event_subtitle, secondary) **/
.cct-list-simple2__subtitle-wrap {
    display: block;
}

.cct-list-simple2__subtitle {
    /* Clamp to 2 lines (matches eventon list behaviour).
       Delete the next 4 lines to show full text. */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8125em;
    line-height: 130%;
    color: inherit;
    opacity: 0.7;
    margin-bottom: 0.25em;
}

/** meta line (location, category; kept subtle so the row reads like eventon) **/
.cct-list-simple2__meta {
    display: block;
    font-size: 0.6875em;
    font-weight: normal;
    color: inherit;
    opacity: 0.6;
    margin-top: 0.125em;
    line-height: 130%;
}

.cct-list-simple2__meta .cct-list-simple2__loc-ico {
    font-style: normal;
    font-size: 0.5em;
    vertical-align: middle;
}

/** RTL support (eventon-lite ships .evortl overrides). **/
html[dir="rtl"] .cct-list-simple2__trig {
    border-left: none;
    border-right: 3px solid transparent;
}
html[dir="rtl"] .cct-list-simple2__trig:hover,
html[dir="rtl"] .cct-list-simple2__trig:focus-visible {
    border-right-width: 7px;
}
html[dir="rtl"] .cct-list-simple2__cblock {
    margin: 0 0 0 0.75em;
}

/* Responsive: tighten cblock on narrow screens */
@media (max-width: 480px) {
    .cct-list-simple2__trig { padding: 0.9375em 0.75em; }
    .cct-list-simple2__cblock { font-size: 1.5em; min-width: 1.875em; }
    .cct-list-simple2__cblock .day { font-size: 1em; }
}