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

/* ── 0) Rubik la greutăți intermediare ────────────────────────────────────
   Fontul site-ului e încărcat doar la 400 și 700, deci tot ce cere 500 sau 600
   se randează 400, respectiv 700. De aici veneau titlul prea gros și titlurile
   de secțiune prea subțiri față de AllEvents (măsurat pe capturi: trăsătura
   titlului 22,5px la noi față de 15,5 la ei, iar la secțiuni 17,8 față de 20).

   Fișierele de pe server sunt însă chiar fonturile VARIABILE de la Google
   (aceleași `iJWKBXyIfDnIV7n*.woff2`), doar că plugin-ul care le-a localizat
   le-a declarat de două ori, ca 400 și ca 700. Aici le declarăm o dată cu tot
   intervalul, sub alt nume, ca să nu schimbăm greutățile în restul site-ului:
   sunt 35 de reguli care cer 600 prin alte fișiere, iar acelea rămân cum sunt.

   Fără descărcare nouă: aceleași două fișiere, deja în cache. Dacă vreodată
   dispar, textul cade înapoi pe Rubik-ul obișnuit, adică exact cum arată azi. */
@font-face{
  font-family:'RubikVF';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/wp-content/fonts/rubik/iJWKBXyIfDnIV7nPrXyi0A.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'RubikVF';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/wp-content/fonts/rubik/iJWKBXyIfDnIV7nBrXw.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── 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%;
  }
  /* Coloana ține toată înălțimea articolului (`stretch`, nu `start`), ca
     reclama din ea să poată rămâne lipită la scroll pe tot articolul.
     Înainte lipită era coloana întreagă — dar ea măsura 1.094px, mai mult decât
     ecranul, deci practic nu se lipea de nimic: derula odată cu textul, iar
     cardul, pus sub cele 600px de reclamă, se vedea abia la coada paginii. */
  body.single-ajde_events #main_page_event .evo_page_rail{
    grid-column:2;
    grid-row:2;
    align-self:stretch;
    min-width:0;
  }
  body.single-ajde_events #main_page_event .evo_page_rail__ad{
    position:sticky;
    top:96px;          /* sub header-ul lipit */
    margin-top:16px;
  }
  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){
  /* Pe mobil coloana nu mai e ascunsă de tot: cardul „Descoperă mai mult" e
     util și aici, la coada articolului. Se ascunde doar reclama din ea —
     reclamele de pe mobil vin din interiorul descrierii. */
  body.single-ajde_events #main_page_event .evo_page_rail__ad{ display:none !important; }
  body.single-ajde_events #main_page_event .evo_page_rail .onevent-side-card{
    margin-top:24px;
  }
  body.single-ajde_events #main_page_event .evo_page_body{
    display:block;
    /* Fără asta textul stă lipit de marginile ecranului: pe mobil nu mai există
       coloană laterală, deci nimic nu-l ține la distanță. Banda de sus rămâne
       lată cât ecranul, prin marginile ei negative de -15px. */
    padding-left:15px;
    padding-right:15px;
  }
}
/* Rândul de eveniment (a.desc_trig) are 10px de indentare de la EventON, deci
   titlul nu se alinia cu banda de deasupra, nici cu restul secțiunilor. */
body.single-ajde_events .evo_sin_page .evo_eventtop a.desc_trig{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* ── 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;
  /* Poza stă în mijlocul benzii. Fără asta, un afiș mai scurt decât banda —
     lat, de câțiva sute de pixeli — rămânea lipit de marginea de sus, cu tot
     fundalul blurat strâns dedesubt: se vedea ca o pagină tăiată în două.
     Fundalul e absolut, deci nu intră în flex. */
  display:flex;
  align-items:center;
  justify-content:center;
  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;
}
/* Pe telefon, banda se face card: măsurat pe pagina lor de eveniment la 390 și
   430px — margine de 16px de jur împrejur, colț de 16px, înălțime maximă 350px
   și poza `cover`, fără fundalul blurat.

   Ce înseamnă asta pe cele două feluri de afișe (verificat pe exemplele lor):
     - banner lat (1200x627): intră întreg, 358x187 pe un ecran de 390 — nici
       tăiat, nici cu benzi blurate;
     - afiș portret (1086x1448): s-ar face 477px înalt, deci e tăiat la 350 și
       se vede mijlocul.

   Marginile laterale vin din `.evo_page_body`, care are deja 15px pe mobil —
   de-aia aici punem margine doar sus și jos, nu 16px de jur împrejur. Înainte
   banda ieșea peste toată lățimea ecranului (`margin:12px -15px 20px`), cu
   colțuri drepte și cu fundalul blurat umplând restul. */
@media (max-width:767px){
  .onevent-banner{
    display:block;
    height:auto;
    max-height:350px;
    width:auto;
    margin:16px 0 20px;
    border-radius:16px;
    background:#e9edf2;
  }
  .onevent-banner__fundal{ display:none; }
  .onevent-banner__poza{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:cover !important;
  }

  /* Afișul tăiat se poate desface cu o atingere — vezi assets/js/eveniment-banner.js,
     care pune clasele astea doar când poza chiar nu încape. Desfăcut, arată ca
     pe desktop: poza întreagă peste fundalul blurat din ea. */
  .onevent-banner--taiata{ cursor:zoom-in; }
  .onevent-banner--intreg{
    display:flex;
    align-items:center;
    justify-content:center;
    max-height:none;
    cursor:zoom-out;
  }
  .onevent-banner--intreg .onevent-banner__fundal{ display:block; }
  .onevent-banner--intreg .onevent-banner__poza{
    width:auto !important;
    max-width:100% !important;
    /* Cât să încapă pe ecran fără să împingă restul paginii mai jos de o
       privire: 78vh lasă loc și pentru header. */
    max-height:78vh !important;
    object-fit:contain !important;
  }
  /* Semnul din colț: că se poate desface, și că se poate strânge la loc.
     Sub `onevent-icons-ready`, ca toate ligaturile Material — fără font n-apare
     nimic, dar atingerea merge la fel. */
  html.onevent-icons-ready .onevent-banner--taiata::after,
  html.onevent-icons-ready .onevent-banner--intreg::after{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:2;
    display:block;
    padding:7px;
    border-radius:999px;
    background:rgba(20,24,28,.55);
    color:#fff;
    font-family:'Material Symbols Rounded';
    font-size:20px;
    line-height:1;
    font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    -webkit-font-feature-settings:'liga';
    font-feature-settings:'liga';
    pointer-events:none;
  }
  html.onevent-icons-ready .onevent-banner--taiata::after{ content:'expand_content'; }
  html.onevent-icons-ready .onevent-banner--intreg::after{ content:'collapse_content'; }
}

/* 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.

   Valorile sunt măsurate pe pagina de eveniment de la AllEvents, nu alese din
   ochi: 36px/600, rând de 1,5, #0e1017, 16px până la ce urmează. Pe telefon ei
   trec la 24px, cu 12px dedesubt. */
body.single-ajde_events #main_page_event .evo_sin_page .eventon_list_event .evoet_cx span.evoet_title,
body.single-ajde_events #main_page_event .evo_sin_page .eventon_list_event .evoet_cx span.evcal_desc2,
body.single-ajde_events #main_page_event .evo_sin_page .evoet_title,
body.single-ajde_events #main_page_event .evo_sin_page .evcal_event_title{
  display:block;
  font-family:'RubikVF', Rubik, sans-serif !important;
  font-size:36px !important;
  /* 600, cât are și titlul lor. Se vede ca atare abia de când avem RubikVF —
     înainte 600 se randa 700 și titlul ieșea vizibil mai gros decât la ei. */
  font-weight:600 !important;
  line-height:1.5 !important;
  color:#0e1017 !important;
  margin:0 0 16px !important;
  padding-bottom:0 !important;
  text-transform:none !important;
}
@media (max-width:767px){
  body.single-ajde_events #main_page_event .evo_sin_page .eventon_list_event .evoet_cx span.evoet_title,
  body.single-ajde_events #main_page_event .evo_sin_page .eventon_list_event .evoet_cx span.evcal_desc2,
  body.single-ajde_events #main_page_event .evo_sin_page .evoet_title,
  body.single-ajde_events #main_page_event .evo_sin_page .evcal_event_title{
    font-size:24px !important;
    margin:0 0 12px !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;
}

/* Culoarea evenimentului („Event Color", pusă din admin) — o scoate EventON ca
   `style="background-color:#F8F472"` chiar pe rândul care înfășoară titlul.

   În listări e utilă: așa se văd evenimentele scoase în față, și acolo rămâne
   neatinsă. Pe pagina evenimentului însă ajunge o bandă colorată în spatele
   titlului, imediat sub banner — nu mai marchează nimic, fiindcă ești deja
   înăuntru.

   `!important` pentru că un stil inline bate orice selector, oricâte clase ar
   avea. Verificat pe pagina live: e singurul element care poartă culoarea. */
body.single-ajde_events #main_page_event .evo_sin_page a.evcal_list_a{
  background-color:transparent !important;
}

/* 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 („Data și locația", „Detalii Eveniment", „Organizator")
   — tot de la AllEvents: 22px/600, rând de 1,25, #22242b, 20px până la conținut.
   `.on-ev-titlu` e titlul scos din rândul de dată (vezi functions.php), deci nu
   mai stă într-o celulă și are nevoie de aceleași valori. */
body.single-ajde_events .evo_sin_page .evcal_evdata_row .evcal_evdata_cell h3.evo_h3,
body.single-ajde_events .evo_sin_page h3.on-ev-titlu{
  font-family:'RubikVF', Rubik, sans-serif !important;
  font-size:22px !important;
  font-weight:600 !important;   /* la fel ca `.eps-heading-2` la ei */
  line-height:1.25 !important;
  color:#22242b !important;
  margin:0 0 20px !important;
  /* EventON pune padding pe titlurile lui — 15px jos peste tot, 10px în lateral
     în caseta de share. Distanța o ținem noi, din margin, ca toate titlurile să
     înceapă din aceeași margine și să lase același aer. */
  padding:0 !important;
  /* Și înălțimea: pe `.evo_h3` cade de undeva un `height:50px`, deci sub text
     mai rămânea un rând gol. Se vedea la „Distribuie", unde golul până la
     butoane ieșea 48px, față de 18px la „Categorii" (măsurat pe captura de la
     390px). Cu `auto`, caseta titlului e cât textul, la toate secțiunile. */
  height:auto !important;
  text-transform:none !important;
}
/* Titlul cu iconiță în față („Distribuie"). Iconița vine din PHP cu clasa
   `material-symbols-rounded`, ca să prindă plasa anti-flash; aici îi dăm doar
   dimensiunea, fiindcă regula generală din iconuri.css i-ar da 10vw. */
body.single-ajde_events .evo_sin_page h3.on-ev-titlu--cu-ico{
  display:flex;
  align-items:center;
  gap:10px;
}
body.single-ajde_events .evo_sin_page .on-ev-titlu__ico{
  flex:0 0 auto;
  font-size:22px !important;
  line-height:1 !important;
  color:#565c68 !important;
  padding:0 !important;
  font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
@media (max-width:767px){
  body.single-ajde_events .evo_sin_page .evcal_evdata_row .evcal_evdata_cell h3.evo_h3,
  body.single-ajde_events .evo_sin_page h3.on-ev-titlu{
    font-size:20px !important;
    margin:0 0 16px !important;
  }
}
/* Aer între secțiuni: 32px, cât lasă AllEvents între blocuri (`mt-2xl`).
   Înainte erau 18px sus și 6px jos, deci secțiunile păreau lipite. */
body.single-ajde_events .evo_sin_page .evcal_evdata_row{
  padding-top:32px !important;
  padding-bottom:0 !important;
}
/* Rândul de dată vine imediat sub titlul lui, care are deja 20px dedesubt. */
body.single-ajde_events .evo_sin_page .evo_metarow_time{
  padding-top:0 !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;
}

/* ── 4b) Iconițele rândurilor ─────────────────────────────────────────────
   EventON le desenează cu fontul lui (`evo_FontAwesome`, adică Font Awesome 4)
   la weight 700: pictograme pline și groase, iar `fa-clock-o` nici nu mai
   există în FA6 — de-aia ora venea cu un ceas plin, negru. La AllEvents sunt
   conturate, subțiri, gri (#565c68, 18px).

   Le trecem pe Material Symbols Rounded, fontul cu care sunt deja desenate
   iconițele de categorie din site, cu FILL 0 și wght 300 — adică exact conturul
   subțire de acolo. Numele pictogramei e o LIGATURĂ: ce scriem în `content`
   devine desen.

   TOTUL sub `html.onevent-icons-ready` — clasa pe care scriptul din
   functions.php o pune când fontul chiar s-a încărcat. Fără ea (font întârziat,
   JS oprit) rămân iconițele Font Awesome de acum; altfel s-ar vedea câteva
   secunde cuvântul „calendar_month" scris cu litere.

   Fiecare rând are nevoie de perechea lui font+`content`: pe un rând căruia
   i-am schimba fontul fără să-i dăm ligatura, codul Font Awesome n-ar avea
   desen în Material Symbols și rândul ar rămâne fără iconiță. */
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_time > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .on-ev-loc > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_details > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_organizer > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_clik_row > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_cusF4 > .evcal_evdata_icons > i,
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_cusF2 > .evcal_evdata_icons > i{
  font-family:'Material Symbols Rounded' !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  font-size:23px !important;
  line-height:1 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
}
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_time > .evcal_evdata_icons > i::before{ content:'calendar_month'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .on-ev-loc > .evcal_evdata_icons > i::before{ content:'location_on'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_details > .evcal_evdata_icons > i::before{ content:'notes'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_organizer > .evcal_evdata_icons > i::before{ content:'person'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_clik_row > .evcal_evdata_icons > i::before{ content:'open_in_new'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_cusF4 > .evcal_evdata_icons > i::before{ content:'confirmation_number'; }
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .evo_metarow_cusF2 > .evcal_evdata_icons > i::before{ content:'map'; }

/* Gutierul: cât iconița plus cei 12px de la AllEvents. EventON îi dă lățime
   fixă și text centrat, deci iconițele stăteau depărtate de text. */
body.single-ajde_events .evo_page_content_wrap .evcal_evdata_row > .evcal_evdata_icons{
  flex:0 0 24px;
  width:24px !important;
  min-width:0 !important;
  margin:2px 12px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
  line-height:1 !important;
  color:#565c68 !important;
}
body.single-ajde_events .evo_page_content_wrap .evcal_evdata_row > .evcal_evdata_icons > i{
  color:#565c68 !important;
  font-size:23px;
}

/* ── 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;
}
/* Măsurat pe „Explore more in ..." de la AllEvents: titlu 18px/600 cu 20px
   dedesubt, linkuri de 16px la 20px unul de altul. Al nostru avea titlu de
   16px și linkuri de 14px lipite — pe telefon, unde cardul ține toată lățimea,
   se citea ca o notă de subsol.

   Linkurile sunt roșii, nu gri ca la ei: acolo se ghicește că sunt linkuri
   doar după iconiță. */
.onevent-side-card__title{
  margin:0 0 20px !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  color:#22242b !important;
  text-transform:none !important;
}
.onevent-side-card__links{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:18px;
}
.onevent-side-card__link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  color:#d64828;
  text-decoration:none;
  transition:color .15s ease;
}
.onevent-side-card__link i{
  font-size:12px;
  color:#d64828;
  transition:color .15s ease, transform .15s ease;
}
.onevent-side-card__link:hover{ color:#b83a1e; text-decoration:underline; }
.onevent-side-card__link:hover i{ color:#b83a1e; transform:translateX(2px); }
.onevent-side-card__btn{
  display:block;
  padding:9px 14px;
  border:1px solid #e2e6ea;
  border-radius:8px;
  background:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  color:#22242b;
  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;
}

/* ── 7) „Adaugă în calendar" ──────────────────────────────────────────────
   EventON scoate un singur link (Google sau .ics, după setare). Îl înlocuim cu
   un buton care deschide toate variantele, ca la AllEvents — vezi
   assets/js/eveniment-calendar.js. */
/* Casetele EventON au `overflow:hidden`, deci meniul deschis se tăia la
   marginea de jos a casetei — se vedeau două rânduri și jumătate din el.
   Butonul stă acum sub dată, adică în caseta „time"; o deschidem și pe ea, nu
   doar pe cea din care a plecat butonul.

   `.eventon_list_event` (cardul întreg) rămâne cum e: meniul e la 150px de
   marginea lui de jos, deci n-are ce tăia. */
body.single-ajde_events .evocard_box.addtocal,
body.single-ajde_events .evocard_box.time,
body.single-ajde_events .evocard_box.time .evcal_evdata_row,
body.single-ajde_events .evocard_box.time .evcal_evdata_cell{ overflow:visible !important; }
.on-cal{ position:relative; display:inline-block; }
.on-cal__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:8px 14px;
  border:1px solid #dfe3e8;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
  color:#3c4043;
  cursor:pointer;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.on-cal__btn:hover,
.on-cal.is-open .on-cal__btn{
  border-color:#f2694f;
  color:#f2694f;
  background:#fdf1ee;
}
.on-cal__caret{
  width:0; height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:.7;
  transition:transform .18s ease;
}
.on-cal.is-open .on-cal__caret{ transform:rotate(180deg); }
/* Meniul, cu măsurile de la AllEvents: chenar de 2px #d0d5dd, colț de 12px,
   15px de aer pe margini și rânduri de 16px cu 1,7 înălțime — de-aia par
   așezate, nu înghesuite. Al nostru avea rânduri de 14px lipite unul de altul. */
.on-cal__menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:150;
  min-width:230px;
  padding:12px;
  border:2px solid #d0d5dd;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 26px rgba(20,30,40,.10);
}
.on-cal.is-open .on-cal__menu{ display:block; }
.on-cal__item{
  display:block;
  padding:7px 10px;
  border-radius:6px;
  font-family:inherit;
  font-size:16px;
  line-height:1.7;
  color:#44464b;
  text-decoration:none;
  white-space:nowrap;
  transition:color .15s ease, background-color .15s ease;
}
.on-cal__item:hover{ color:#d64828; background:#fdf1ee; }

/* ── 7) Sub titlu: doar ora ───────────────────────────────────────────────
   EventON înșira sub titlu locația, ora, orașul și tipurile. Locația apărea a
   doua oară în cardul de jos, iar tipurile veneau cu virgula lipită de nume
   („Concert,") — EventON o ține în conținut, nu din CSS, deci nu se putea scoate
   decât odată cu eticheta.

   ASCUNDEM, NU ȘTERGEM. Orașul de aici e citit de bara din header, care face
   `querySelector('[data-filter="event_type_2"]')` ca să afle în ce oraș ești —
   pe pagina evenimentului orașul nu e în adresă. `display:none` lasă elementul
   în DOM, deci selectorul îl găsește la fel. Scos din markup, bara ar rămâne pe
   „București", ghicitul ei implicit.

   Evenimentele similare de jos nu depind de asta: orașul lor vine dintr-o
   interogare SQL în single-ajde_events.php, nu din pagină.

   Ora rămâne — e singurul lucru care se cere citit imediat sub titlu. */
body.single-ajde_events .evo_sin_page .evoet_location,
body.single-ajde_events .evo_sin_page .evoet_eventtypes{
  display:none !important;
}

/* Clic pe card lăsa un chenar în jurul lui: e inelul de focus al link-ului cu
   care EventON învelește titlul. La tastatură rămâne — acolo chiar folosește
   cuiva; la mouse, nu. */
body.single-ajde_events .evo_sin_page a:focus:not(:focus-visible),
body.single-ajde_events .evo_sin_page .evo_eventtop a:focus:not(:focus-visible){
  outline:none !important;
  box-shadow:none !important;
}

/* ── 8) „Data și locația" ─────────────────────────────────────────────────
   Caseta „Ora" a cardului primește și adresa, ca la AllEvents: data pe primul
   rând, locul pe al doilea, cu link spre hartă. Rândul de locație e adăugat din
   PHP (functions.php, filtrul `evo_eventcard_box_html`) în aceeași structură de
   rând a EventON, ca să prindă gutierul cu iconiță fără reguli în plus. */
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-loc{
  padding-bottom:0 !important;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-loc__nume{
  margin:0 !important;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta:hover{ text-decoration:underline; }
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta i{ line-height:1; }

/* Caseta „Locație" a lui EventON iese: adresa e acum în blocul de deasupra,
   împreună cu data. Altfel apărea de două ori, la două rânduri distanță. */
body.single-ajde_events .evo_sin_page .evocard_box.location{ display:none !important; }

/* ── 9) Categoriile, ca etichete ──────────────────────────────────────────
   Modelul „Event Tags" de la AllEvents: pastile conturate, fără virgule. */
body.single-ajde_events .on-ev-tags{
  /* Marginea de jos: categoriile sunt ultimul lucru din coloana de conținut, iar
     după ele urmează direct secțiunea „Recomandate în ...", pe fundal închis. Pe
     mobil cele două se atingeau — golul din UX Builder de deasupra ei se
     strânge la lățimi mici. Aerul îl ținem noi, aici, ca să nu depindă de un
     bloc generat. */
  margin:26px 0 36px;
  padding-top:22px;
  border-top:1px solid #e8eaed;
}
body.single-ajde_events .on-ev-tags__titlu{
  margin:0 0 20px !important;
  font-size:19px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  color:#16181c !important;
  text-transform:none !important;
}
body.single-ajde_events .on-ev-tags__lista{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.single-ajde_events .on-ev-tags .on-ev-tag{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border:1px solid #dadce0;
  border-radius:999px;
  font-size:14px;
  line-height:1.3;
  color:#3c4043;
  text-decoration:none;
  background:#fff;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
body.single-ajde_events .on-ev-tags a.on-ev-tag:hover{
  border-color:#f2694f;
  background:#fdf1ee;
  color:#dd5330;
}

/* ── 10) „Data și locația", potrivit după AllEvents ───────────────────────
   Referința: allevents.in, blocul „Date & Location" — titlu gros, data pe un
   rând, „Add to Calendar" ca link albastru imediat sub ea, apoi locul cu adresa
   dedesubt și încă un link albastru. Fără chenare, fără butoane.

   Ce se schimbă față de cum era:
   - ora de sub titlu iese: data completă e la doi centimetri mai jos, în bloc;
   - rândul „Adaugă în calendar" al EventON se golește (îl mută JS-ul sub dată),
     deci îl ascundem, ca să nu rămână iconița singură pe un rând gol;
   - butonul devine link, ca la AllEvents. */

/* Ora de sub titlu — o repeta pe cea din bloc, cu mai puțină informație. */
body.single-ajde_events .evo_sin_page .evoet_time_expand{ display:none !important; }

/* Rândul rămas gol după ce butonul a urcat sub dată.
   Ascunderea atârnă de o clasă pusă de JS ATUNCI CÂND chiar a mutat butonul, nu
   de simpla lipsă a lui din casetă. Diferența contează în cele trei cazuri:
     - JS-ul a mutat butonul  -> pune clasa, caseta goală iese;
     - n-a găsit rândul de dată (alt șablon) și l-a lăsat pe loc -> fără clasă,
       caseta rămâne, cu butonul în ea;
     - JS-ul n-a rulat deloc  -> fără clasă, rămâne link-ul EventON.
   Ascunsă necondiționat — sau după lipsa lui `.on-cal` — ultimele două cazuri ar
   fi lăsat pagina fără niciun fel de „adaugă în calendar". */
body.single-ajde_events .evocard_box.addtocal.on-cal-mutat{ display:none !important; }

/* Data: 16px cu rând de 1,5, ca la AllEvents. `font-family:inherit` fiindcă
   EventON îi pune fontul lui (SF Pro Text) — data era scrisă cu alt font decât
   restul paginii, singură pe pagină. */
body.single-ajde_events .evo_sin_page .evo_metarow_time .evo_eventcard_time_t{
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#44464b !important;
}

/* „Adaugă în calendar": link sub dată, nu buton conturat. Roșul e al site-ului
   (#f2694f, pinul de oraș), într-o nuanță mai închisă — la 16px, pe alb, ăla
   deschis abia se citește. */
body.single-ajde_events .on-cal{ margin-top:12px; }
body.single-ajde_events .on-cal__btn{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  gap:7px;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  color:#d64828 !important;
}
body.single-ajde_events .on-cal__btn:hover,
body.single-ajde_events .on-cal.is-open .on-cal__btn{
  border:0 !important;
  background:none !important;
  color:#b83a1e !important;
  text-decoration:underline;
}
body.single-ajde_events .on-cal__caret{ opacity:1; }

/* Locul și adresa, la aceeași dimensiune ca data. */
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-loc{ padding-top:32px !important; }
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-loc__nume{
  font-size:16px !important;
  /* Nu bold: la ei numele locației e text obișnuit, ca data de deasupra. */
  font-weight:400 !important;
  line-height:1.5 !important;
  /* `!important` fiindcă eventon.css colorează orice <p> din card cu
     `#evcal_list .eventon_list_event .evcal_eventcard p{color:#555!important}`,
     iar un `!important` nu se bate cu specificitate. */
  color:#22242b !important;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-loc__adresa{
  margin-top:4px !important;
  font-size:16px !important;
  line-height:1.5 !important;
  color:#6e6f73 !important;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta{
  margin-top:10px;
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  color:#d64828;
}
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta:hover{ color:#b83a1e; }
body.single-ajde_events #main_page_event .evo_sin_page .on-ev-harta i{ font-size:15px; }

/* ── 11) Butoanele și textul cardului, pe roșu și la aceeași măsură ───────
   Ce era înainte: butoanele veneau albastre de la EventON (#00aafb), cu font
   Rubik 700 și colț de 2px; „Pagina evenimentului" era alt albastru (#0073bb),
   la 18px; link-urile noastre („Adaugă în calendar", „Vezi locația") erau
   albastrul Google (#1a73e8), la 15px; iar butoanele de share erau patru
   iconițe de 30px, fără nume. Cinci culori și patru dimensiuni pe o pagină.

   De aici încolo:
     - roșul site-ului, într-o nuanță care se citește pe alb: #d64828 pentru
       text și butoane pline, #b83a1e la hover, #fdf1ee pentru fundalul cald;
       #f2694f (pinul din header) rămâne doar pentru contururi și accente;
     - un singur text de bază: 16px, rând de 1,5;
     - butoanele: 15px/600, colț de 8px, aceeași înălțime.

   Roșu, nu albastru, pentru că albastrul nu era al nostru nicăieri — venea din
   setările implicite ale EventON și din tema veche.

   DE CE APARE `#main_page_event` ÎN SELECTORI. Regulile care dau culorile vechi
   stau în eventon.css și sunt scrise cu ID: `#evcal_list .eventon_list_event
   .event_description .evcal_btn{background:#00aafb!important}`. Un ID bate
   oricâte clase, deci `!important` pe un selector numai cu clase pierdea —
   textul se făcea 15px, dar fundalul rămânea albastru. `#main_page_event` e
   containerul paginii noastre, din șablonul single-ajde_events.php: cu el
   selectorul are și el un ID, plus o clasă în plus, deci câștigă. */

/* Textul descrierii: 16px cu rând de 1,6, ca la AllEvents. Avea 1,4, adică
   rânduri lipite unul de altul pe paragrafe lungi. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .eventon_desc_in,
body.single-ajde_events #main_page_event .evo_page_content_wrap .eventon_desc_in p{
  font-size:16px !important;
  line-height:1.6 !important;
  color:#44464b !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .eventon_desc_in p{
  margin:0 0 14px !important;
}

/* Butoanele de acțiune: „Detalii aici" / „Înscrie-te aici" (bilete) și
   „Vezi Organizatorul" / „website organizator".

   Conturate, nu pline: pe o pagină cu două-trei butoane roșii pline, ochiul nu
   mai știe care e acțiunea principală, iar afișul de sus e oricum colorat.
   Roșul rămâne — în chenar și în text — și se umple la hover. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evcal_btn,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_cusmeta_btn,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_btn_arr{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  margin:0 !important;
  padding:10px 18px !important;
  border:1px solid #d64828 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#d64828 !important;
  text-decoration:none !important;
  transition:background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evcal_btn:hover,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_cusmeta_btn:hover,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_btn_arr:hover{
  border-color:#b83a1e !important;
  background:#d64828 !important;
  color:#fff !important;
}

/* Iconița din buton, potrivită după ce e link-ul (bilete, înscrieri, rezervare)
   — o pune filtrul din functions.php. E o ligatură Material Symbols, deci ia
   fontul și dimensiunea de aici; regula generică din iconuri.css i-ar da 10vw
   și portocaliu. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evcal_btn .on-btn-ico,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_btn_arr .on-btn-ico{
  font-size:19px !important;
  line-height:1 !important;
  color:inherit !important;
  padding:0 !important;
  margin:0 !important;
  font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}
/* Iconițele din butoane: `display:block` ca să nu-și mai ia înălțimea din
   metricile fontului. Chevronul Font Awesome, deși e de 12px, măsura 25px ca
   element inline și îngroșa butonul „Vezi Organizatorul" la 47px, față de 42px
   cât avea cel de bilete. */
body.single-ajde_events .evo_page_content_wrap .evcal_btn i,
body.single-ajde_events .evo_page_content_wrap .evo_btn_arr i{
  display:block !important;
  /* Înălțime fixă, nu doar `line-height`: fontul Font Awesome are metrici de
     ~2em, deci un chevron de 12px cerea un rând de 25px și umfla butonul
     „Vezi Organizatorul" la 47px, față de 42px cât are cel de bilete. Cu
     `height:1em` cutia e cât litera; glifa iese puțin în afară, dar are loc în
     cei 10px de padding. */
  height:1em !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1 !important;
  color:inherit !important;
  opacity:.9;
}
/* Aceeași înălțime la toate butoanele de acțiune, indiferent ce iconiță au. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evcal_btn,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_cusmeta_btn,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_btn_arr{
  min-height:42px;
  box-sizing:border-box;
  justify-content:center;
}
/* Organizatorul poate avea două butoane („website organizator" și „Vezi
   Organizatorul"), fiecare în paragraful lui. Distanța dintre ele venea din
   clasa `mart10` de pe link, pe care regula de mai sus o ștergea cu
   `margin:0` — și butoanele ajungeau lipite unul de altul. O punem pe
   paragraf, cu `inline-block`, ca butoanele să stea unul lângă altul cât încap
   și să treacă pe rândul următor abia când nu mai încap. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_card_organizer_more{
  display:inline-block;
  margin:0 10px 10px 0 !important;
  vertical-align:top;
}

/* Butonul de bilete stătea lipit de titlul secțiunii. */
body.single-ajde_events .evo_page_content_wrap .evo_metarow_cusF4 .evcal_btn{
  margin-top:4px !important;
}

/* „Pagina evenimentului" e un rând-link, nu un titlu de secțiune: îl aducem la
   dimensiunea link-urilor, pe roșu, cu iconița în gutier ca la celelalte. */
body.single-ajde_events .evo_page_content_wrap .evo_clik_row{
  display:flex !important;
  align-items:flex-start;
  text-decoration:none !important;
}
body.single-ajde_events .evo_page_content_wrap .evo_clik_row h3.evo_h3{
  margin:0 !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  color:#d64828 !important;
  text-transform:none !important;
}
body.single-ajde_events .evo_page_content_wrap .evo_clik_row:hover h3.evo_h3{
  color:#b83a1e !important;
  text-decoration:underline;
}

/* Iconița de la „Vezi locația" (după text, ca „View on map" la AllEvents). */
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .on-ev-harta i{
  font-family:'Material Symbols Rounded' !important;
  font-weight:400 !important;
  font-variation-settings:'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
  font-size:19px !important;
  line-height:1 !important;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
}
html.onevent-icons-ready body.single-ajde_events .evo_page_content_wrap .on-ev-harta i::before{
  content:'map';
}

/* ── 12) Butoanele de share, ca la AllEvents ──────────────────────────────
   Acolo sunt butoane conturate cu iconiță și nume („Share Event"), nu iconițe
   singure. EventON scoate doar `<i>`-uri de 30px într-un rând centrat, deci
   numele îl punem din CSS, iar iconițele le trecem pe conturul din Font
   Awesome 6 (`fa-regular`) și pe logourile de brand — cele de acum vin din
   fontul FA4 al EventON, îngroșat la 700.

   Rândul se aliniază la stânga, cu restul paginii: centrat, stătea singur pe
   mijloc sub un text aliniat la stânga. Alinierea vine de pe casetă, nu de pe
   rând — caseta e tot un flex, cu `justify-content:center`. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evocard_box.evosocial{
  display:block !important;
  /* Aerul dintre secțiuni stă pe casetă, nu pe rând: așa rămâne la fel și dacă
     titlul „Distribuie" lipsește (filtrul din PHP n-a prins caseta).
     `!important` fiindcă eventon.css are `.evocard_box{margin:0 2px 0 0
     !important}` peste toate casetele. */
  margin-top:32px !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evocard_box.evosocial .on-ev-titlu{
  margin-top:0 !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_metarow_socialmedia{
  display:flex !important;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start !important;
  align-items:center;
  padding:0 !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm{
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  background:none !important;
}
/* `#main_page_event` nu e de decor: eventon.css are
   `#evcal_list .eventon_list_event a{border-left-style:unset!important}` — o
   regulă veche care prinde orice link din cardul de eveniment. `unset` pe o
   proprietate care nu se moștenește înseamnă `none`, iar o bordură fără stil
   are lățimea 0, deci butoanele rămâneau fără linia din stânga. Cu ID-ul
   nostru în selector, regula de aici câștigă. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm > a{
  display:inline-flex !important;
  align-items:center;
  gap:9px;
  width:auto !important;
  height:auto !important;
  padding:9px 16px !important;
  border:1px solid #d9d9d9 !important;
  border-radius:8px !important;
  /* Gri deschis, nu alb: pe fundalul alb al paginii butoanele se citeau doar
     după contur. Rămâne sub culoarea conturului, ca să nu pară apăsate. */
  background:#f1f3f4 !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:#22242b !important;
  text-decoration:none !important;
  transition:border-color .15s ease, background-color .15s ease, color .15s ease;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm > a:hover{
  border-color:#f2694f !important;
  background:#fdf1ee !important;
  color:#b83a1e !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm > a > i{
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-size:17px !important;
  line-height:1 !important;
  color:#d64828 !important;
}
/* Numele butonului. EventON n-are unde-l ține în markup — link-urile lui au
   doar `title` (în engleză, pus de plugin). */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.FacebookShare > a::after{ content:'Facebook'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.Whatsapp > a::after{ content:'WhatsApp'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.copy > a::after{ content:'Copiază link'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.EmailShare > a::after{ content:'E-mail'; }

/* Iconițele: logourile din Font Awesome 6 Brands, conturul din FA6 Free
   Regular. Fontul EventON (`evo_FontAwesome`) le desena pline și groase. */
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.FacebookShare > a > i,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.Whatsapp > a > i{
  font-family:'Font Awesome 6 Brands' !important;
  font-weight:400 !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.copy > a > i,
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.EmailShare > a > i{
  font-family:'Font Awesome 6 Free' !important;
  font-weight:400 !important;
}
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.FacebookShare > a > i::before{ content:'\f39e'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.Whatsapp > a > i::before{ content:'\f232'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.copy > a > i::before{ content:'\f0c5'; }
body.single-ajde_events #main_page_event .evo_page_content_wrap .evo_sm.EmailShare > a > i::before{ content:'\f0e0'; }

/* Titlul „Categorii" — același titlu de secțiune ca restul. */
body.single-ajde_events .on-ev-tags__titlu{
  font-family:'RubikVF', Rubik, sans-serif !important;
  font-size:22px !important;
  font-weight:600 !important;
  color:#22242b !important;
}
@media (max-width:767px){
  body.single-ajde_events .on-ev-tags__titlu{ font-size:20px !important; margin:0 0 16px !important; }
}
/* Eticheta de categorie: 15px, ca butoanele. */
body.single-ajde_events .on-ev-tags .on-ev-tag{
  font-size:15px;
  font-weight:500;
  color:#22242b;
}

/* ── 13) Aceeași margine pentru toate secțiunile ──────────────────────────
   Rândurile EventON au un gutier cu iconiță în stânga, deci titlul secțiunii
   ieșea împins cu 34px față de titlul paginii. Nu toate: la „Detalii Eveniment"
   și la „Hartă" gutierul e deja ascuns de EventON, așa că paginile arătau cu
   titlurile pe două linii verticale diferite.

   Modelul e tot AllEvents: titlurile de secțiune încep la marginea textului, iar
   iconițele stau doar pe rândurile de date (ziua, locul) și pe rândul-link. Așa
   toate secțiunile pornesc din același loc. */
body.single-ajde_events #main_page_event .evo_metarow_organizer > .evcal_evdata_icons,
body.single-ajde_events #main_page_event .evo_metarow_cusF4 > .evcal_evdata_icons,
body.single-ajde_events #main_page_event .evo_metarow_cusF2 > .evcal_evdata_icons,
body.single-ajde_events #main_page_event .evo_metarow_details > .evcal_evdata_icons{
  display:none !important;
}

/* Numele organizatorului venea cu majusculele și dimensiunea de la EventON.
   Selectorul e lung fiindcă în eventon.css e `#evcal_list .eventon_list_event
   .evo_metarow_organizer .evo_card_organizer span.evo_card_organizer_name_t`
   cu `!important` — ID plus patru clase, deci trebuie întrecut la fel. */
body.single-ajde_events #main_page_event .evo_metarow_organizer .evo_card_organizer span.evo_card_organizer_name_t{
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.5 !important;
  color:#22242b !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* Butonul „Adaugă în calendar" e un <button>, dar tema îl subliniază ca pe un
   link. Sublinierea rămâne doar la hover. */
body.single-ajde_events #main_page_event .on-cal__btn{
  text-decoration:none !important;
}

/* Săgeata butonului: chevron, ca la AllEvents, nu triunghiul din borduri.
   Sub `onevent-icons-ready`, ca restul iconițelor — fără font, rămâne
   triunghiul de dinainte, nu cuvântul „expand_more". */
html.onevent-icons-ready body.single-ajde_events #main_page_event .on-cal__caret{
  width:auto;
  height:auto;
  border:0;
  font-family:'Material Symbols Rounded';
  font-weight:400;
  font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
  font-size:20px;
  line-height:1;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
}
html.onevent-icons-ready body.single-ajde_events #main_page_event .on-cal__caret::before{
  content:'expand_more';
}


/* ── 14) Cardul de oraș, mutat la coada paginii pe mobil ──────────────────
   Îl mută assets/js/card-oras.js, după secțiunea de evenimente similare: în
   coloana din dreapta ajungea, pe telefon, tocmai înaintea celor două secțiuni
   pentru care omul mai derulează.

   Ieșit din `.evo_page_body`, cardul nu mai are cei 15px de margine ai
   articolului, deci și-i pune singur. */
.onevent-side-card--jos{
  margin:0 15px 32px !important;
}
@media (min-width:768px){
  .onevent-side-card--jos{
    max-width:1140px;
    margin:0 auto 40px !important;
  }
}