/* ───────────────────────────────────────────────────────────────────────────
   CARDUL DE EVENIMENT — o singură definiție, pentru toate paginile
   ───────────────────────────────────────────────────────────────────────────
   Scos din toate-tipurile.css, unde era ancorat în `.on-feed` — o clasă pe
   care o pune ȘABLONUL. Shortcode-urile EventON scrise în conținutul din
   WordPress (ex. paginile /orase/{oras}/) n-au cum să primească ambalajul
   ăla, deci desenul nu putea ajunge la ele.

   Acum totul e ancorat în `.ajde_evcal_calendar`, clasa pe care o pune chiar
   EventON pe fiecare widget.

   CLASA DUBLATĂ (`.ajde_evcal_calendar.ajde_evcal_calendar`) apare exact în
   regulile care se bat cu eventon.css pe `.sev` și `.color`. Acolo selectorul
   conținea deja `.ajde_evcal_calendar`, iar simpla scoatere a prefixului
   `.on-feed` cobora specificitatea cu o clasă — destul cât eventon.css să
   câștige. Măsurat: data ieșea stivuită („Vin Dum / 28 30 / Aug") în loc de
   un rând. Dublarea pune nivelul la loc fără să ceară alt element în arbore.

   Ce NU e aici: grila, capul de secțiune, butonul „Vezi toate" și cardul de
   reclamă. Alea țin de cum e ARANJATĂ lista, nu de cum arată un card, și
   diferă de la o pagină la alta — rămân în toate-tipurile.css și listari.css.
*/

/* --- Cardul ------------------------------------------------------------- */

/* Plasă contra „grid blowout": o adresă lungă poate împinge coloana peste
   partea ei. Aceeași problemă, măsurată, e descrisă în listari.css. */

.ajde_evcal_calendar .eventon_events_list ,
.ajde_evcal_calendar .eventon_list_event {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Selectorul repetă lanțul lui EventON pentru că assets/css/eventon.css are
   `.eventon_events_list .eventon_list_event .evcal_list_a { padding:10px !important }`
la specificitate 0,
3,
0. Cu `.ajde_evcal_calendar .evcal_list_a` (0,
2,
0) pierdeam,
iar
   poza rămânea cu 10px de fiecare parte în loc să atingă marginea cardului —
   măsurat: 275px într-o celulă de 295px. */
.ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_list_a {
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_list_a:hover {
  background: transparent !important;
}

/* Coloanele cardului aveau margine la dreapta de pe vremea când stăteau una
   lângă alta. Acum sunt una sub alta, deci marginea doar îngusta poza. */
.ajde_evcal_calendar .evoet_cx {
  margin: 0 !important;
}

/* Poza: 2:1, ca la ei (banner-ul lor e servit 500x250).

   Clasa e dublată și totul are `!important` pentru că dimensiunile le pune
   JS-ul EventON ca `style=""` pe element, la runtime — nu există nicio foaie
   de stil care să le conțină. Măsurat pe pagina deployată: poza rămânea
   200x94 într-o celulă de 295px, adică exact cardul „prea mic". Aceeași
   capcană e documentată în listari.css. */
.ajde_evcal_calendar .evoet_c1.evoet_c1 {
  order: 1;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.ajde_evcal_calendar .evoet_c1.evoet_c1 .ev_ftImg.ev_ftImg {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 2 / 1 !important;
  border-radius: 10px;
  background-size: cover !important;
  background-position: center !important;
}

/* Rândul de dată. Din blocul roșu rămâne textul, pe orizontală, gri și mic. */
.ajde_evcal_calendar .evoet_c2 {
  order: 2;
  width: 100% !important;
  max-width: none !important;
  padding: 12px 0 0 !important;
}

.ajde_evcal_calendar .evcal_cblock {
  display: flex !important;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* AICI E TOT NODUL. `.evo_start` și `.evo_end` sunt două coloane paralele, cu
   ziua, data și luna stivuite — de acolo vine „Joi Dum / 27 30 / Aug" care se
   vede azi pe site.
   
   Ca să le aplatizăm, selectorul TREBUIE să conțină `#evcal_list`. Regula care
   le pune pe coloană e, din assets/css/eventon.css:
   
     .ajde_evcal_calendar.sev #evcal_list.eventon_events_list .evoet_dayblock > span
       { display:inline-flex !important; flex-direction:column !important; }
   
   Are un id, deci specificitate (1,4,0) — niciun selector fără id n-o bate,
   oricâte clase i-am pune. Măsurat în Chrome pe cardul real: până și un
   `.evo_end{display:none!important}` pus în pagină era ignorat. Aceeași regulă
   câștigă și peste listari.css, de aceea data a rămas stivuită și acolo.
   
   Un flex container își „blochifică" copiii, deci `em`-urile ieșeau `block`
   chiar cu `display:inline !important` pe ele. Se rezolvă de la părinte. */
.ajde_evcal_calendar.ajde_evcal_calendar.sev #evcal_list.eventon_events_list .evoet_dayblock > span {
  display: inline !important;
  float: none !important;
  width: auto !important;
  gap: 0 !important;
}

/* Data de sfârșit: ei arată doar începutul. Stă DUPĂ regula de mai sus fiindcă
   are aceeași specificitate — decide ordinea. */
.ajde_evcal_calendar.ajde_evcal_calendar.sev #evcal_list.eventon_events_list .evoet_dayblock > .evo_end {
  display: none !important;
}

.ajde_evcal_calendar .evcal_cblock em {
  display: inline !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal;
  line-height: 1.3 !important;
  color: #6b7280 !important;
  text-transform: capitalize;
  margin-right: 4px !important;
}

/* Ora începe cu un `<i>` care repetă data — „(Aug 27)06:00". Îl scoatem și
   punem separatorul lor în locul lui. */
/* Spațiile dintre „Mie", „26" și „Aug". Markup-ul n-are spații albe între
   `em`-uri, iar o margine fără id pierde în fața acelorași reguli din
   eventon.css — verificat: cuvintele ieșeau lipite, „Mie26Aug". */
.ajde_evcal_calendar.ajde_evcal_calendar.sev #evcal_list.eventon_events_list .evoet_dayblock em {
  margin-right: 4px !important;
}

.ajde_evcal_calendar .evcal_cblock em.time i {
  display: none;
}

.ajde_evcal_calendar .evcal_cblock em.time::before {
  content: "• ";
}

/* Titlul, locul, categoriile */
.ajde_evcal_calendar .evoet_c3 {
  order: 3;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.ajde_evcal_calendar .evoet_title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: 2.7em !important;
  margin: 6px 0 6px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1f2937 !important;
}

.ajde_evcal_calendar .evoet_location {
  display: block !important;
  margin: 0 0 10px !important;
}

.ajde_evcal_calendar .evoet_location .fa ,
.ajde_evcal_calendar .evoet_location i {
  display: none !important;
}

.ajde_evcal_calendar .evoet_location em {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal;
  color: #6b7280 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Intervalul orar e deja pe rândul de dată. */
.ajde_evcal_calendar .evoet_time_expand {
  display: none !important;
}

/* Rândul de jos: la ei „102+ Interested", la noi categoriile.

   CLASA `ettN` NU SPUNE CE E ÎNĂUNTRU. EventON numerotează spanurile după
   poziția taxonomiei, iar poziția diferă de la un eveniment la altul. Măsurat
   pe cele șapte carduri de pe live, perechile (oraș, categorii) au ieșit
   ett1+ett2, ett1+ett3 și ett1+ett1.
   Prima variantă ascundea `ett1` și stiliza `ett3`. Rezultatul: cardurile cu
   ett2 rămâneau cu categoriile bolduite (eventon.css le pune `font-weight:bold`
   pe fiecare ettN în parte), iar cele cu ett1+ett1 rămâneau fără categorii
   deloc, fiindcă li se ascundeau amândouă spanurile.
   Ne uităm la `data-filter`, care spune taxonomia și nu depinde de poziție:
   `event_type_2` e orașul, `event_type` sunt categoriile. */
.ajde_evcal_calendar .evcal_event_types {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Orașul e în titlul paginii, n-are ce căuta pe fiecare card. */
.ajde_evcal_calendar .evcal_event_types:has(em[data-filter="event_type_2"]) {
  display: none !important;
}

/* Eticheta „Tip" / „Oras" din fața valorilor. */
.ajde_evcal_calendar .evcal_event_types > em:first-child {
  display: none !important;
}

.ajde_evcal_calendar .evcal_event_types em {
  display: inline !important;
  margin: 0 3px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal;
  letter-spacing: normal !important;
}

/* Culoarea categoriilor vine dintr-o regulă cu id și !important din
   eventon.css — `.ajde_evcal_calendar.color #evcal_list .eventon_list_event
   .evcal_desc em[data-filter="event_type"] { color:#6c6464 !important }`,
   specificitate 1,5,0. Fără lanțul ăsta, categoriile rămâneau într-un gri
   caldut, diferit de rândul de dată și de locație. */
.ajde_evcal_calendar.ajde_evcal_calendar.color #evcal_list .eventon_list_event .evcal_desc em[data-filter="event_type"] ,
.ajde_evcal_calendar .evcal_event_types em {
  color: #6b7280 !important;
}