/*
   PAGINA EVENIMENT
   Mutat din functions.php, unde statea ca <style> inline.
   Se incarca dupa fisierele de la prioritatea 101, ca sa le poata corecta.
*/

/* ── 1) Structura paginii, ca la AllEvents ────────────────────────────────
   Banner-ul lat sus, peste toată lățimea; sub el două coloane — conținutul la
   stânga, o coloană la dreapta (blocul „Întreabă AI" + reclama) care rămâne
   lipită la scroll. Sub 1024px totul revine pe o coloană.
   Fundalul paginii era gri (#f1f1f1 în custom.css). */
body.single-ajde_events #main_page_event{
  background-color:#fff !important;
}
@media (min-width:1024px){
  body.single-ajde_events #main_page_event .evo_page_body{
    display:grid;
    grid-template-columns:minmax(0,1fr) 336px;
    column-gap:34px;
    row-gap:0;
    /* 1140px e lățimea containerului de la AllEvents (măsurată pe pagina lor:
       banner 1140x470, coloana de conținut 740). La 1270 banda ieșea mai lată
       decât la ei și poza părea și mai mică înăuntru. */
    max-width:1140px;
    margin:0 auto;
    align-items:start;
  }
  body.single-ajde_events #main_page_event .onevent-banner{
    grid-column:1 / -1;   /* banner-ul trece peste ambele coloane */
  }
  body.single-ajde_events #main_page_event .evo_page_content_wrap{
    grid-column:1;
    grid-row:2;
    min-width:0;
    max-width:100%;
  }
  body.single-ajde_events #main_page_event .evo_page_rail{
    grid-column:2;
    grid-row:2;
    position:sticky;
    top:96px;          /* sub header-ul lipit */
    align-self:start;
  }
  body.single-ajde_events #main_page_event .evo_page_rail .adsbygoogle{
    display:block !important;
    width:300px !important;
    max-width:100% !important;
    margin:0 auto;
  }
}
@media (max-width:1023px){
  body.single-ajde_events #main_page_event .evo_page_rail{ display:none !important; }
  body.single-ajde_events #main_page_event .evo_page_body{ display:block; }
}

/* ── 2) Banner-ul ─────────────────────────────────────────────────────────
   Valorile sunt cele de la AllEvents: bandă fixă, fundal `cover` cu blur(10px)
   și scale(1.1) ca blur-ul să nu lase margini moi, poza `contain` deasupra.
   Pe `img` mergem cu !important: tema are reguli generice de `img` care altfel
   i-ar fixa lățimea și ar tăia poza pe înălțime. */
.onevent-banner{
  position:relative;
  width:100%;
  height:470px;
  overflow:hidden;
  border-radius:10px;
  /* 20px sus, ca la AllEvents: altfel banda stă lipită de linia header-ului. */
  margin:20px 0 26px;
  background:linear-gradient(to top,#4c4c4c 0,#c9c9c9 100%);
}
.onevent-banner__fundal{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:blur(10px);
  transform:scale(1.1);
}
/* Poza se încadrează întreagă în bandă și nu se mărește peste dimensiunea ei
   reală. AllEvents merge pe `height:100%`, dar la ei afișele vin în original
   (1080x1350); la noi importul aduce des fișiere mici — unul de 350px întins pe
   470 se vedea moale și părea tăiat. Cu `auto` + `max-*:100%` fișierele mari
   umplu banda, iar cele mici rămân clare, centrate pe fundalul blurat.
   `width/height:auto` scapă și de atributele vechi ale lui WordPress, care mai
   rămân greșite după înlocuirea unei imagini. */
.onevent-banner__poza{
  position:relative;
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto;
  object-fit:contain !important;
  object-position:center !important;
}
@media (max-width:767px){
  .onevent-banner{
    height:min(95vw, 420px);
    border-radius:0;
    margin:12px -15px 20px;
    width:auto;
  }
}

/* Pozele pe care le randa EventON dispar — aceeași poză e acum sus, în banner:
   rândul mare din cardul de eveniment și miniatura din capul rândului
   (coloana „Event Image" din EventTop Designer, comună cu rândurile de calendar,
   de-aia o ascundem doar aici, nu o scoatem din designer). */
body.single-ajde_events .evocard_box.ftimage{ display:none !important; }
body.single-ajde_events .evo_sin_page .evoet_c1{ display:none !important; }

/* ── 3) Fără liniile dintre secțiuni ──────────────────────────────────────
   Pe fundal gri, umbra de sub fiecare casetă (`box-shadow:0 .5px 2px #aaa` din
   custom.css) trecea drept margine de card. Pe alb rămâneau doar niște dungi.
   Le scoatem și lăsăm spațiul și titlurile să separe secțiunile, ca la
   AllEvents. */
body.single-ajde_events .evo_page_content_wrap .evocard_box,
body.single-ajde_events .evo_page_content_wrap .evocard_box_h,
body.single-ajde_events .evo_page_content_wrap .evcal_evdata_row,
body.single-ajde_events .evo_page_content_wrap .evorow,
body.single-ajde_events .evo_page_content_wrap .evcal_eventcard,
body.single-ajde_events .evo_page_content_wrap .eventon_list_event,
body.single-ajde_events .evo_page_content_wrap .evcal_list_a,
body.single-ajde_events .evo_page_content_wrap .evo_metarow_time_location .evcal_col50{
  box-shadow:none !important;
  border:0 !important;
  background-image:none !important;
}
/* Toată descrierea stătea pe o casetă gri (#f3f3f3) — pe pagina albă arăta ca
   o bandă care taie pagina în două. */
body.single-ajde_events .evo_page_content_wrap .event_description,
body.single-ajde_events .evo_page_content_wrap .evcal_eventcard{
  background-color:#fff !important;
}
body.single-ajde_events .evo_page_content_wrap .evcal_evdata_row{
  background-color:transparent !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.single-ajde_events .evo_page_content_wrap .evocard_row{ margin-bottom:4px; }

/* ── 4) Titlul, locația, secțiunile ───────────────────────────────────────
   Titlul e subiectul paginii, dar EventON îl scoate cu clasele unui rând de
   listă (.evcal_desc2), iar regula generică din eventon.css îi pune 16px cu
   !important și patru clase. Regula noastră de dinainte avea trei, deci pierdea
   — de-asta titlul rămăsese mic oricâte `!important` puneam. Aici o depășim,
   cu același lanț plus body-ul. La AllEvents titlul e 36px/600. */
body.single-ajde_events .evo_sin_page .eventon_list_event .evoet_cx span.evoet_title,
body.single-ajde_events .evo_sin_page .eventon_list_event .evoet_cx span.evcal_desc2,
body.single-ajde_events .evo_sin_page .evoet_title,
body.single-ajde_events .evo_sin_page .evcal_event_title{
  display:block;
  font-size:clamp(28px, 2.6vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.22 !important;
  color:#16181c !important;
  margin:0 0 12px !important;
  padding-bottom:0 !important;
  text-transform:none !important;
}
body.single-ajde_events .evo_sin_page .eventon_list_event .evoet_cx span.evoet_location,
body.single-ajde_events .evo_sin_page .eventon_list_event .evoet_cx span.evoet_time_expand,
body.single-ajde_events .evo_sin_page .evoet_location,
body.single-ajde_events .evo_sin_page .evoet_time_expand{
  display:block;
  font-size:15px !important;
  line-height:1.55 !important;
  color:#5a6068 !important;
  margin:0 0 4px !important;
}
body.single-ajde_events .evo_sin_page .evoet_location .evcal_location,
body.single-ajde_events .evo_sin_page .evoet_time_expand .evcal_time{
  font-style:normal !important;
  font-size:inherit !important;
  color:inherit !important;
}
body.single-ajde_events .evo_sin_page .evoet_location i,
body.single-ajde_events .evo_sin_page .evoet_time_expand i{
  margin-right:8px;
  opacity:.75;
}

/* Orașul și categoriile evenimentului: rămân text, fiindcă EventON ține
   virgulele în conținutul fiecărei etichete (`Atelier,`) — într-o pastilă ar
   intra și virgula. Le calmăm culoarea și le dăm aer. */
body.single-ajde_events .evo_sin_page .evoet_eventtypes{
  margin:8px 0 0 !important;
  line-height:1.6 !important;
}
body.single-ajde_events .evo_sin_page .eventon_list_event .evoet_cx span.evoet_eventtypes em.evoetet_val,
body.single-ajde_events .evo_sin_page .evoet_eventtypes em.evoetet_val{
  font-style:normal !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#7a828b !important;
}

/* Titlurile secțiunilor („Ora", „Detalii Eveniment", „Locație") veneau la
   dimensiunea textului obișnuit, deci nu se vedea unde începe fiecare. */
body.single-ajde_events .evo_sin_page .evcal_evdata_row .evcal_evdata_cell h3.evo_h3{
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#16181c !important;
  margin:0 0 10px !important;
  text-transform:none !important;
}
body.single-ajde_events .evo_sin_page .evcal_evdata_row{
  padding-top:18px !important;
  padding-bottom:6px !important;
}
/* Iconița secțiunii apare de două ori în markup-ul EventON: o dată în gutierul
   din stânga, o dată în h3. Pe cea din h3 o scoatem — vine cu nume de Font
   Awesome 4 (`fa-clock-o`), care în FA6 nu mai există, deci se vedea un gol. */
body.single-ajde_events .evo_sin_page .evcal_evdata_cell h3.evo_h3 .evcal_evdata_icons{
  display:none !important;
}

/* ── 5) Coloana din dreapta ───────────────────────────────────────────────
   Blocul „Întreabă AI" e mutat aici de plugin-ul lui pe desktop; are deja
   aspect de card (alb, bordură, colțuri rotunjite), îi dăm doar distanța
   față de reclamă. */
body.single-ajde_events .evo_page_rail .onevent-ask-ai-block{
  margin:0 0 20px !important;
  box-sizing:border-box;
  width:100%;
}
/* Butoanele lui sunt gândite pentru lățimea descrierii; în coloana de 336px
   le strângem, altfel iconul și eticheta se calcă. */
body.single-ajde_events .evo_page_rail .onevent-ask-ai-block .oai-grid{
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
body.single-ajde_events .evo_page_rail .onevent-ask-ai-block .oai-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:10px 6px !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  min-height:42px;
  min-width:0;
  box-sizing:border-box;
  white-space:nowrap;
  overflow:hidden;
}
body.single-ajde_events .evo_page_rail .onevent-ask-ai-block .oai-btn img{
  width:16px !important;
  height:16px !important;
  flex:0 0 16px;
  margin:0;
}
body.single-ajde_events .evo_page_rail .onevent-ask-ai-block .oai-header span{
  font-size:13.5px !important;
  line-height:1.35;
}

/* ── 6) Cardul „Descoperă mai mult în {oraș}" ─────────────────────────────
   Stă în coloana din dreapta, sub reclamă — modelul „Explore more in ..." de
   la AllEvents. Aceeași casetă ca blocul „Întreabă AI" (alb, bordură 1px,
   colț 12px), ca cele două să pară o singură coloană de carduri. */
.onevent-side-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:16px;
  margin:16px 0 0;
}
.onevent-side-card__title{
  margin:0 0 12px !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#16181c !important;
  text-transform:none !important;
}
.onevent-side-card__links{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:12px;
}
.onevent-side-card__link{
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 0;
  font-size:14px;
  line-height:1.35;
  color:#3c4043;
  text-decoration:none;
  transition:color .15s ease;
}
.onevent-side-card__link i{
  font-size:11px;
  color:#b3b9c0;
  transition:color .15s ease, transform .15s ease;
}
.onevent-side-card__link:hover{ color:#f2694f; }
.onevent-side-card__link:hover i{ color:#f2694f; transform:translateX(2px); }
.onevent-side-card__btn{
  display:block;
  padding:9px 14px;
  border:1px solid #e2e6ea;
  border-radius:8px;
  background:#fff;
  font-size:13.5px;
  font-weight:600;
  line-height:1.3;
  color:#3c4043;
  text-align:center;
  text-decoration:none;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.onevent-side-card__btn:hover{
  border-color:#f2694f;
  background:#fdf1ee;
  color:#f2694f;
}