/* =================================================

V6 GENERAL CSS

================================================= */


*,
*::before,
*::after{


box-sizing:border-box;


}


html{


scroll-behavior:smooth;


}


body{


margin:0;


font-family:'Inter',Arial,sans-serif;


background:#ffffff;


color:#1f2933;


}


img{


max-width:100%;


display:block;


}


a{


text-decoration:none;


color:inherit;


}


button{


font-family:inherit;


}


/* ==============================
COLORS
============================== */


:root{


--orange:#ff8a00;


--orange-light:#ffad42;


--blue:#0077b6;


--green:#008f68;


--dark:#16252b;


--text:#596570;


--light:#f4f8f7;


--white:#ffffff;


--shadow:

0 20px 50px rgba(0,0,0,.12);


--radius:

24px;


}


/* ==============================
TYPOGRAPHY
============================== */


h1,
h2,
h3,
h4{


margin:0;


font-weight:700;


}


p{


font-size:16px;


line-height:1.75;


color:var(--text);


}


/* ==============================
GLOBAL BUTTON
============================== */


.v6-button{


display:inline-flex;


align-items:center;


justify-content:center;


gap:10px;


padding:15px 32px;


border-radius:40px;


background:var(--orange);


color:white;


font-weight:700;


border:none;


cursor:pointer;


transition:.3s, box-shadow .15s ease;


}


.v6-button:hover{
box-shadow:
0 15px 35px rgba(255,138,0,.35);
}


/* ==============================
COMMON WRAPPER
============================== */


.v6-wrapper{


width:100%;


max-width:1200px;


margin:auto;


padding-left:20px;


padding-right:20px;


}


.v6-section{


padding:90px 0;


}


.v6-title{


font-size:42px;


line-height:1.2;


margin-bottom:25px;


}


/* ==============================
MOBILE
============================== */


@media(max-width:900px){


.v6-title{


font-size:32px;


}


.v6-section{


padding:60px 0;


}


}


/* =========================================
ORGANIZER PROFILE PREMIUM HERO
========================================= */


.org-profile-wrapper{

font-family:Arial, sans-serif;

}


/* HERO */

.org-profile-hero{

position:relative;

height:650px;

overflow:hidden;

}


/* Imaginea vine inline din sablon, din headerul profilului. Aici doar un
   fundal colorat, pentru organizatorii care n-au incarcat una — inainte era o
   fotografie fixa de pe Unsplash, aceeasi la toate profilurile fara header si
   incarcata de pe alt site la fiecare afisare. */

.org-profile-cover{

position:absolute;

inset:0;

background:

linear-gradient(
160deg,
var(--dark) 0%,
var(--blue) 100%
);

/* Dupa scurtatura, nu in ea: scurtatura `background` duce culoarea pe
   transparent, iar stilul inline din sablon rescrie tot `background`. Culoarea
   asta rămâne doar pentru cazul fara imagine; de aceea sablonul isi pune si el
   una in scurtatura lui. */
background-color:var(--dark);

background-size:cover;

background-position:center;

}


.org-profile-container{

position:relative;

height:100%;

max-width:1200px;

margin:auto;

display:flex;

align-items:flex-end;

padding:0 20px 80px;

}


.org-profile-content{

max-width:720px;

color:white;

}


/* BADGES */


.org-badges{

display:flex;

gap:12px;

flex-wrap:wrap;

margin-bottom:25px;

}


.org-badge{

display:flex;

align-items:center;

gap:8px;

padding:9px 18px;

border-radius:30px;

font-size:14px;

font-weight:700;

}


.org-badge.verify{

background:#00991A;

}


.org-badge.premium{

background:

linear-gradient(
135deg,
#FFBE00,
#FF7F00
);

}


/* TITLE */


.org-profile-title{

font-size:56px;

line-height:1.1;

font-weight:800;

margin:0 0 15px;

color:#fff;

}


.org-profile-description{

font-size:18px;

line-height:1.7;

max-width:650px;

color:rgba(255,255,255,.9);

margin-bottom:30px;

}


/* META */


.org-profile-meta{

display:flex;

gap:25px;

flex-wrap:wrap;

margin-bottom:35px;

}


.org-meta{

display:flex;

align-items:center;

gap:10px;

font-size:15px;

}


.org-meta-icon{

width:38px;

height:38px;

border-radius:50%;

background:rgba(255,255,255,.15);

display:flex;

align-items:center;

justify-content:center;

}


/* BUTTONS */


.org-actions{

display:flex;

gap:15px;

}


.org-btn-primary{

background:#FF7F00;

color:white;

padding:16px 35px;

border-radius:40px;

font-weight:700;

text-decoration:none;

box-shadow:

0 10px 30px rgba(255,127,0,.35);

transition:.3s, box-shadow .15s ease;

}


/* Clasa e folosita si pe <a>, si pe <button> („Trimite un mesaj"). Fara
   `background` si `font`, butonul primea fundalul gri implicit al browserului si
   fontul lui de sistem — gri cu text alb, aproape ilizibil peste hero. */
.org-btn-outline{

display:inline-flex;

align-items:center;

gap:8px;

border:1px solid rgba(255,255,255,.6);

background:rgba(255,255,255,.10);

padding:16px 35px;

border-radius:40px;

color:white;

text-decoration:none;

font:inherit;

font-weight:600;

line-height:1;

cursor:pointer;

transition:background .2s ease, border-color .2s ease;

}


.org-btn-outline:hover{

background:rgba(255,255,255,.22);

border-color:#fff;

color:#fff;

}


.org-btn-outline:focus-visible{ outline:2px solid #fff; outline-offset:2px; }


/* =============================================================================
   BARA DE CONTACT — sub hero, intra peste imaginea de header.
   Telefoane, emailuri, site si retele sociale.
   ========================================================================== */

/* Cardul alb e containerul, nu pista. Sagetile sunt elemente in flux, asezate
   in stanga si in dreapta pistei — nu suprapuse peste ea. Cu sageti absolute,
   intrarile treceau pe sub ele in timpul derularii. */
.org-contact-carousel{

max-width:1200px;

margin:-45px auto 0;

z-index:5;

background:white;

border-radius:25px;

padding:18px 22px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

display:flex;

align-items:center;

gap:10px;

}


/* Pista derulabila: intrarile stau pe un singur rand. Wrap-ul pe al doilea rand
   ar fi lasat cardul sa creasca in inaltime peste imaginea de header. */
.org-contact-bar{

flex:1 1 auto;

/* Fara asta un flex-item nu se micsoreaza sub latimea continutului si pista
   ar impinge sagetile in afara cardului. */
min-width:0;

display:flex;

flex-wrap:nowrap;

align-items:stretch;

gap:0 10px;

overflow-x:auto;

scroll-snap-type:x proximity;

scrollbar-width:none;

-ms-overflow-style:none;

}


.org-contact-bar::-webkit-scrollbar{

display:none;

}


/* Centrat cat incape, aliniat la stanga cand nu. `safe` face asta din CSS, fara
   sa depinda de momentul in care ruleaza JS-ul — vezi comentariul de la zone. */
.org-contact-bar{

justify-content:safe center;

}


.org-contact-item{

position:relative;

flex:0 0 auto;

scroll-snap-align:center;

min-width:118px;

max-width:220px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:flex-start;

gap:9px;

padding:8px 12px;

border-radius:16px;

text-decoration:none;

color:#17252b;

transition:background .25s, transform .25s;

}


/* Linie verticala subtire intre intrari, centrata in spatiul dintre ele */
.org-contact-item + .org-contact-item::before{

content:"";

position:absolute;

left:-5px;

top:50%;

transform:translateY(-50%);

width:1px;

height:40px;

background:#e8edf0;

pointer-events:none;

}


.org-contact-item:hover{

background:#f4f8f7;

transform:translateY(-2px);

}


.org-contact-icon{

width:48px;

height:48px;

flex:0 0 48px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:rgba(190,190,190,.10);

color:#00991A;

font-size:19px;

transition:background .25s, color .25s;

}


.org-contact-item:hover .org-contact-icon{

background:#00991A;

color:#fff;

}


.org-contact-label{

font-size:13px;

font-weight:600;

line-height:1.35;

text-align:center;

/* Un email lung nu are voie sa largeasca bara */
max-width:100%;

overflow-wrap:anywhere;

}


/* Sagetile stau in flux, nu suprapuse. org-carousel.css se incarca DUPA acest
   fisier, deci selectorii au nevoie de specificitate mai mare ca sa il invinga. */
.org-contact-carousel.org-carousel .org-carousel-nav{

position:static;

transform:none;

flex:0 0 48px;

width:48px;

height:48px;

font-size:19px;

background:#f4f8f7;

border:1px solid #eef2f4;

color:#00991A;

box-shadow:none;

}

.org-contact-carousel.org-carousel .org-carousel-nav:hover:not(:disabled){

background:#00991A;

color:#fff;

border-color:#00991A;

}

/* Sagetile fiind in flux, nu mai e nevoie de spatiu lateral rezervat */
.org-contact-carousel.org-carousel.has-nav{

padding:18px 22px;

}


/* Pe mobil: lista pe verticala, iconita mica in stanga, link in dreapta ei */
@media(max-width:600px){

.org-contact-carousel,

.org-contact-carousel.org-carousel.has-nav{

margin:-25px 16px 0;

padding:14px 16px;

flex-direction:column;

align-items:stretch;

gap:0;

}

/* Lista e scurta si se vede toata — sagetile nu mai au rost */
.org-contact-carousel.org-carousel .org-carousel-nav{

display:none;

}

.org-contact-bar,

.org-carousel.has-nav .org-contact-bar{

flex-direction:column;

flex-wrap:nowrap;

align-items:stretch;

justify-content:flex-start;

gap:0;

overflow-x:visible;

}

.org-contact-item{

flex-direction:row;

align-items:center;

justify-content:flex-start;

max-width:none;

gap:12px;

padding:10px 6px;

border-radius:10px;

}

/* Aici separatorul e orizontal, nu vertical */
.org-contact-item + .org-contact-item::before{

display:none;

}

.org-contact-item + .org-contact-item{

border-top:1px solid #f1f5f9;

}

.org-contact-icon{

width:34px;

height:34px;

flex:0 0 34px;

font-size:14px;

}

.org-contact-label{

text-align:left;

font-size:14px;

}

}


/* TRUST BAR — bara de sub hero.
   Selectorii sunt legati de `.org-trust-bar`: clasele `.org-trust-item` si
   `.org-trust-icon` se folosesc si in sectiunea de jos, cu categoriile. */


.org-trust-bar{

max-width:1200px;

margin:-45px auto 0;

position:relative;

z-index:5;


background:white;

border-radius:25px;

padding:30px;


display:grid;

grid-template-columns:repeat(5,1fr);


box-shadow:

0 25px 60px rgba(0,0,0,.12);

}


.org-trust-bar .org-trust-item{

text-align:center;

border-right:1px solid #edf2f5;

}


.org-trust-bar .org-trust-item:last-child{

border:none;

}


.org-trust-bar .org-trust-icon{

font-size:32px;

margin-bottom:10px;

}


.org-trust-title{

font-size:16px;

font-weight:800;

color:#17252b;

}


.org-trust-text{

font-size:13px;

color:#667085;

margin-top:5px;

}


/* RESPONSIVE */


@media(max-width:900px){


.org-profile-title{

font-size:38px;

}


.org-trust-bar{

grid-template-columns:repeat(2,1fr);

gap:25px;

}


.org-trust-bar .org-trust-item{

border:none;

}


}


@media(max-width:600px){


.org-actions{

flex-direction:column;

}


.org-profile-hero{

height:700px;

}


.org-trust-bar{

margin:20px;

}


}


/* =====================================
ORGANIZER ABOUT PREMIUM SECTION
===================================== */


.org-about-section{

padding:100px 20px;

background:white;

}


.org-about-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1.2fr .8fr;

gap:70px;

align-items:start;

}


/* LEFT CONTENT */


.org-about-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(0,153,26,.10);

color:#00991A;

font-size:13px;

font-weight:700;

margin-bottom:20px;

}


/* mobil: titlu scalabil */
.org-about-title{

font-size:clamp(26px, 5.5vw, 42px);

line-height:1.2;

font-weight:800;

color:#17252b;

margin:0 0 25px;

}


.org-about-text{

font-size:17px;

line-height:1.9;

color:#667085;

margin-bottom:25px;

}


.org-about-highlight{

font-size:20px;

font-weight:700;

color:#17252b;

border-left:4px solid #00991A;

padding-left:20px;

margin:35px 0;

}


/* EXPERIENCE NUMBERS */


.org-experience-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin-top:40px;

}


.org-experience-item{

padding:25px 10px;

border-bottom:1px solid #edf2f5;

}


.org-experience-number{

font-size:36px;

font-weight:800;

color:#0066AB;

}


.org-experience-title{

font-size:14px;

color:#667085;

margin-top:8px;

}


/* RIGHT PANEL */


.org-verification-panel{

background:

linear-gradient(
145deg,
#f8fcfa,
#f5f9ff
);


border-radius:30px;

padding:35px;


box-shadow:

0 20px 50px rgba(0,0,0,.07);

}


.org-panel-title{

font-size:24px;

font-weight:800;

color:#17252b;

margin-bottom:25px;

}


.org-check{

display:flex;

align-items:flex-start;

gap:15px;

margin-bottom:22px;

}


.org-check-icon{

width:42px;

height:42px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:rgba(0,153,26,.12);

font-size:20px;

flex-shrink:0;

}


.org-check h4{

margin:0 0 5px;

font-size:16px;

color:#17252b;

}


.org-check p{

margin:0;

font-size:14px;

line-height:1.6;

color:#667085;

}


/* CERTIFICATIONS */


.org-certifications{

margin-top:35px;

padding-top:30px;

border-top:1px solid #e8eef2;

}


.org-cert-title{

font-weight:700;

font-size:16px;

margin-bottom:15px;

}


.org-cert-list{

display:flex;

flex-wrap:wrap;

gap:10px;

}


.org-cert{

padding:8px 14px;

border-radius:30px;

background:white;

border:1px solid #dce6eb;

font-size:13px;

font-weight:600;

color:#17252b;

}

.org-cert-group{
    margin-bottom:20px;
}
.org-cert-group:last-child{
    margin-bottom:0;
}
.org-cert-group-title{
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#5a6b74;
    margin-bottom:10px;
}


@media(max-width:950px){

.org-about-container{

grid-template-columns:1fr;

}


.org-experience-grid{

grid-template-columns:1fr;

}


}


/* =====================================
ORGANIZER EXPERIENCES PREMIUM
===================================== */


.org-exp-section{

padding:100px 20px;

background:

linear-gradient(
135deg,
#f8faf9,
#ffffff
);

}


.org-exp-container{

max-width:1200px;

margin:auto;

}


.org-exp-header{

display:flex;

justify-content:space-between;

align-items:end;

margin-bottom:45px;

gap:30px;

}


.org-exp-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(0,102,171,.10);

color:#0066AB;

font-size:13px;

font-weight:700;

margin-bottom:15px;

}


.org-exp-title{

font-size:clamp(26px, 5.5vw, 42px);

font-weight:800;

color:#17252b;

margin:0;

}


.org-exp-description{

max-width:520px;

font-size:16px;

line-height:1.7;

color:#667085;

}


/* GRID */


.org-exp-grid{
--row-cols:3;
--row-gap:30px;

}


/* CARD */


.org-exp-card{

background:white;

border-radius:30px;

overflow:hidden;

box-shadow:

0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}


.org-exp-card:hover{

transform:translateY(-8px);

box-shadow:

0 25px 55px rgba(0,0,0,.14);

}


/* IMAGE */


.org-exp-image{

height:270px;

position:relative;

background-size:cover;

background-position:center;

}


.org-exp-badges{

position:absolute;

top:20px;

left:20px;

display:flex;

gap:10px;

}


.org-exp-badge{

padding:7px 15px;

border-radius:30px;

font-size:12px;

font-weight:700;

color:white;

}


.badge-popular{

background:#FF7F00;

}


.badge-premium{

background:#FFBE00;

color:#17252b;

}


/* CONTENT */


.org-exp-content{

padding:28px;

}


.org-exp-category{

font-size:13px;

font-weight:700;

color:#00991A;

margin-bottom:10px;

text-transform:uppercase;

}


.org-exp-content h3{

font-size:24px;

margin:0 0 12px;

color:#17252b;

}


.org-exp-content p{

font-size:15px;

line-height:1.7;

color:#667085;

}


/* INFO */


.org-exp-info{

display:flex;

flex-wrap:wrap;

gap:12px;

margin:20px 0;

}


.org-exp-info span{

padding:8px 12px;

border-radius:20px;

background:#f3f6f8;

font-size:13px;

color:#344054;

}


/* FOOTER */


.org-exp-footer{

display:flex;

justify-content:space-between;

align-items:center;

padding-top:20px;

border-top:1px solid #edf2f5;

}


.org-exp-price{

font-size:14px;

color:#667085;

}


.org-exp-price strong{

display:block;

font-size:22px;

color:#17252b;

}


.org-exp-btn{

padding:12px 22px;

border-radius:30px;

background:#0066AB;

color:white;

text-decoration:none;

font-size:14px;

font-weight:700;

transition:.3s;

}


.org-exp-btn:hover{

background:#004f85;

}


@media(max-width:1000px){

.org-exp-grid{
--row-cols:2;
--row-gap:30px;

}

}


@media(max-width:700px){

.org-exp-header{

display:block;

}


.org-exp-grid{
--row-cols:1;
--row-gap:30px;

}

}


/* =====================================
ORGANIZER PREMIUM GALLERY
EDITORIAL MASONRY STYLE
===================================== */


.org-gallery-section{

padding:100px 20px;

background:#ffffff;

}


.org-gallery-container{

max-width:1200px;

margin:auto;

}


.org-gallery-header{

display:flex;

justify-content:space-between;

align-items:end;

margin-bottom:45px;

gap:30px;

}


.org-gallery-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(255,127,0,.12);

color:#FF7F00;

font-size:13px;

font-weight:700;

margin-bottom:15px;

}


.org-gallery-title{

font-size:clamp(26px, 5.5vw, 42px);

font-weight:800;

color:#17252b;

margin:0;

}


.org-gallery-description{

max-width:500px;

font-size:16px;

line-height:1.7;

color:#667085;

}


/* MASONRY */

/* Se afiseaza doar primul bloc: o imagine mare pe doua coloane si doua randuri,
   plus pana la 4 miniaturi in dreapta ei. Restul imaginilor raman in DOM pentru
   lightbox si pentru caruselul de pe mobil, dar sunt ascunse aici. */
.org-gallery-grid{


display:grid;


grid-template-columns:repeat(4,1fr);


grid-template-rows:220px 220px;


gap:20px;


}


/* Selectorul include grid-ul intentionat: provider-lightbox.css are
   `.org-gallery-grid button.org-gallery-item{display:block}` (0,2,1), care ar
   invinge un simplu `.org-gallery-item.gallery-extra` (0,2,0). */
.org-gallery-grid > .org-gallery-item.gallery-extra{

display:none;

}


/* Imaginea mare, prezenta in toate variantele */
.org-gallery-grid > .gallery-large{

grid-column:span 2;

grid-row:span 2;

}


/* Sub 5 imagini celulele ramase se redistribuie, ca sa nu apara goluri */
.org-gallery-grid--1 > .gallery-large{

grid-column:span 4;

}


.org-gallery-grid--2 > .org-gallery-item:nth-child(2){

grid-column:span 2;

grid-row:span 2;

}


.org-gallery-grid--3 > .org-gallery-item:nth-child(2),

.org-gallery-grid--3 > .org-gallery-item:nth-child(3){

grid-column:span 2;

}


.org-gallery-grid--4 > .org-gallery-item:nth-child(4){

grid-column:span 2;

}


/* Badge "+N" peste ultima miniatura vizibila, ca in WhatsApp */
.org-gallery-more{

position:absolute;

inset:0;

z-index:3;

display:flex;

align-items:center;

justify-content:center;

background:rgba(0,0,0,.55);

color:#fff;

font-size:34px;

font-weight:800;

letter-spacing:-.02em;

transition:background .3s;

}


.org-gallery-item:hover .org-gallery-more{

background:rgba(0,0,0,.65);

}


.org-gallery-item{

position:relative;

overflow:hidden;

border-radius:28px;

cursor:pointer;

}


.org-gallery-item img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}


.org-gallery-item:hover img{

transform:scale(1.08);

}


.org-gallery-item:after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
transparent,
rgba(0,0,0,.35)
);

}


/* Dimensiunile se dau acum prin .org-gallery-grid--N de mai sus, in functie de
   cate imagini sunt afisate. */


.org-gallery-overlay{

position:absolute;

bottom:20px;

left:20px;

z-index:2;

color:white;

}


.org-gallery-overlay h3{

margin:0;

font-size:20px;

font-weight:700;

}


.org-gallery-overlay p{

margin:5px 0 0;

font-size:14px;

opacity:.9;

}


/* Pe tableta imaginea mare trece pe toata latimea, iar miniaturile raman 2x2 */
@media(max-width:900px){

.org-gallery-grid{

grid-template-columns:repeat(2,1fr);

grid-template-rows:200px 200px 200px;

}


.org-gallery-grid > .gallery-large{

grid-column:span 2;

grid-row:span 1;

}


.org-gallery-grid--1 > .gallery-large,

.org-gallery-grid--2 > .org-gallery-item:nth-child(2),

.org-gallery-grid--3 > .org-gallery-item:nth-child(2),

.org-gallery-grid--3 > .org-gallery-item:nth-child(3),

.org-gallery-grid--4 > .org-gallery-item:nth-child(4){

grid-column:span 2;

grid-row:span 1;

}

}


/* Pe mobil galeria devine carusel: o imagine pe ecran, cu sageti si swipe.
   Aici se vad toate imaginile, deci badge-ul "+N" nu mai are rost. */
@media(max-width:600px){

.org-gallery-header{

display:block;

}


.org-gallery-grid{

display:flex;

gap:14px;

overflow-x:auto;

scroll-snap-type:x mandatory;

/* Loc pentru umbra si pentru coltul rotunjit la marginea derularii */
padding:8px 16px 20px;

/* Vezi comentariul de la echipa: fara asta snap-ul consuma spatiul lateral. */
scroll-padding-inline:16px;

margin:-8px -16px 0;

scrollbar-width:none;

-ms-overflow-style:none;

}


.org-gallery-grid::-webkit-scrollbar{

display:none;

}


/* Patrat, nu 4:3 — cu portret si peisaj amestecate decupeaza cel mai echilibrat */
.org-gallery-grid > .org-gallery-item{

flex:0 0 100%;

scroll-snap-align:start;

aspect-ratio:1 / 1;

}


/* Aceeasi specificitate ca regula de ascundere de mai sus, ca sa o invinga */
.org-gallery-grid > .org-gallery-item.gallery-extra{

display:block;

}


.org-gallery-more{

display:none;

}

}


/* =====================================
ORGANIZER REQUEST OFFER SECTION
PREMIUM LEAD FORM
===================================== */


.org-request-section{

padding:110px 20px;

background:

linear-gradient(
135deg,
#f5faf8,
#ffffff,
#f2f8ff
);

}


.org-request-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:.9fr 1.1fr;

gap:70px;

/* Coloana din stanga porneste de sus, la acelasi nivel cu formularul.
   Centrata, plutea in mijloc pentru ca formularul e mult mai inalt. */
align-items:start;

}


/* LEFT */


.org-request-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(0,153,26,.10);

color:#00991A;

font-size:13px;

font-weight:700;

margin-bottom:20px;

}


.org-request-title{

font-size:clamp(26px, 5.5vw, 44px);

font-weight:800;

line-height:1.2;

color:#17252b;

margin:0 0 20px;

}


.org-request-text{

font-size:17px;

line-height:1.8;

color:#667085;

margin-bottom:35px;

}


/* FORM */
.offer-alert {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 18px;
    border-radius: 14px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.55;
}
.offer-alert--ok  { background: #dcfce7; color: #14532d; border: 1px solid #86efac; }
.offer-alert--err { background: #fee2e2; color: #7f1d1d; border: 1px solid #fca5a5; }
.offer-alert i { font-size: 18px; margin-top: 1px; flex-shrink: 0; }
.offer-alert strong { display: block; }
.offer-account-hint { margin: 6px 0 0; font-size: 13px; opacity: .9; }
.offer-account-hint a { color: inherit; font-weight: 700; text-decoration: underline; }


.org-request-form{

background:white;

padding:40px;

border-radius:32px;

box-shadow:

0 25px 60px rgba(0,0,0,.10);

}


.org-form-title{

font-size:26px;

font-weight:800;

color:#17252b;

margin-bottom:25px;

}

.offer-logged-note {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #eff6ff;
    border-radius: 12px;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}


.org-form-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}


.org-form-group{

display:flex;

flex-direction:column;

gap:8px;

}


.org-form-group.full{

grid-column:span 2;

}


.org-form-group label{

font-size:13px;

font-weight:700;

color:#344054;

}


.org-form-group input,
.org-form-group select,
.org-form-group textarea{


padding:14px 16px;


border-radius:14px;


border:1px solid #dce5eb;


font-size:14px;


outline:none;


transition:.3s;


font-family:inherit;

}


.org-form-group textarea{

height:120px;

resize:none;

}


.org-form-group input:focus,
.org-form-group select:focus,
.org-form-group textarea:focus{

border-color:#00991A;

box-shadow:

0 0 0 4px rgba(0,153,26,.08);

}


.org-submit-btn{


width:100%;


margin-top:25px;


padding:16px;


border-radius:35px;


border:none;


background:


linear-gradient(
135deg,
#FFBE00,
#FF7F00
);


color:white;


font-size:16px;


font-weight:800;


cursor:pointer;


transition:.3s, box-shadow .15s ease;


}


.org-submit-btn:hover{
box-shadow:
0 15px 35px rgba(255,127,0,.35);
}


@media(max-width:950px){


.org-request-container{

grid-template-columns:1fr;

}


.org-form-grid{

grid-template-columns:1fr;

}


.org-form-group.full{

grid-column:auto;

}


}


/* =====================================
ORGANIZER REVIEWS PREMIUM
===================================== */


.org-reviews-section{

padding:100px 20px;

background:white;

}


.org-reviews-container{

max-width:1200px;

margin:auto;

}


.org-reviews-header{

text-align:center;

margin-bottom:60px;

}


.org-reviews-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(255,190,0,.15);

color:#d88a00;

font-size:13px;

font-weight:700;

margin-bottom:18px;

}


.org-reviews-header h2{

font-size:42px;

font-weight:800;

color:#17252b;

margin:0 0 15px;

}


.org-reviews-header p{

font-size:16px;

color:#667085;

}


/* MAIN AREA */


.org-reviews-layout{

display:grid;

grid-template-columns:.8fr 1.2fr;

gap:50px;

align-items:start;

}


/* SCORE */


.org-rating-panel{

background:

linear-gradient(
145deg,
#f8faf9,
#f2f8ff
);

border-radius:30px;

padding:40px;

text-align:center;

}


.org-rating-number{

font-size:72px;

font-weight:800;

color:#17252b;

line-height:1;

}


.org-stars{

font-size:30px;

color:#FFBE00;

margin:15px 0;

}


.org-rating-text{

font-size:15px;

color:#667085;

margin-bottom:30px;

}


.org-rating-line{

display:flex;

align-items:center;

gap:12px;

margin-bottom:12px;

}


.org-rating-line span{

font-size:13px;

color:#667085;

width:40px;

}


.org-progress{

height:8px;

background:#e8eef2;

border-radius:20px;

flex:1;

overflow:hidden;

}


.org-progress div{

height:100%;

background:#FFBE00;

}


/* REVIEWS */


.org-review-list{

display:flex;

flex-direction:column;

gap:25px;

}


.org-review{

padding:30px;

border-radius:25px;

background:white;

border:1px solid #edf2f5;

box-shadow:

0 10px 30px rgba(0,0,0,.05);

}


.org-review-top{

display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:15px;

}


.org-review-user{

display:flex;

align-items:center;

gap:15px;

}


.org-review-avatar{

width:50px;

height:50px;

border-radius:50%;

background:#dceff8;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

}


.org-review-name{

font-weight:700;

color:#17252b;

}


.org-review-date{

font-size:13px;

color:#667085;

}


.org-review-stars{

color:#FFBE00;

}


.org-review-text{

font-size:15px;

line-height:1.7;

color:#667085;

margin:0;

}


.org-verified-review{

display:inline-flex;

gap:6px;

align-items:center;

font-size:12px;

font-weight:700;

color:#00991A;

margin-top:15px;

}


@media(max-width:950px){

.org-reviews-layout{

grid-template-columns:1fr;

}

}


/* =====================================
ORGANIZER OPERATING AREAS
SCALABLE VERSION
===================================== */


.org-area-section{

padding:100px 20px;

background:

linear-gradient(
135deg,
#f7faf8,
#ffffff
);

}


.org-area-container{

max-width:1200px;

margin:auto;

}


.org-area-header{

display:flex;

justify-content:space-between;

align-items:end;

margin-bottom:50px;

gap:40px;

}


.org-area-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(0,102,171,.1);

color:#0066AB;

font-size:13px;

font-weight:700;

margin-bottom:15px;

}


.org-area-header h2{

font-size:42px;

font-weight:800;

margin:0;

color:#17252b;

}


.org-area-header p{

max-width:500px;

font-size:16px;

line-height:1.7;

color:#667085;

}


/* STATS */


.org-area-stats{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:20px;

margin-bottom:50px;

}


.org-area-stat{

background:white;

padding:30px;

border-radius:25px;

box-shadow:

0 10px 30px rgba(0,0,0,.06);

}


.org-area-stat strong{

font-size:36px;

display:block;

color:#00991A;

}


.org-area-stat span{

font-size:14px;

color:#667085;

}


/* REGIONS */


/* .org-zone-cards e definit mai jos ca pista derulabila (carusel) */


.org-zone-card{

position:relative;

height:260px;

border-radius:30px;

overflow:hidden;

background-size:cover;

background-position:center;

}


.org-zone-card:after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
transparent,
rgba(0,0,0,.7)
);

}


.org-zone-card-content{

position:absolute;

bottom:25px;

left:25px;

z-index:2;

color:white;

}


.org-zone-card-content h3{

margin:0 0 8px;

font-size:24px;

/* Explicit, nu mostenit de la .org-zone-card-content: fisierul are reguli globale
   pe h1..h4 si pe p, care bat mostenirea indiferent de specificitate. */
color:#fff;

}


.org-zone-card-content p{

margin:0;

font-size:14px;

opacity:.9;

color:#fff;

}


/* FOOTER BUTTON */


.org-area-footer{

margin-top:45px;

text-align:center;

}


.org-area-btn{

display:inline-flex;

padding:15px 35px;

border-radius:40px;

background:#0066AB;

color:white;

font-weight:700;

text-decoration:none;

}


@media(max-width:900px){

.org-area-stats{

grid-template-columns:repeat(2,1fr);

}


.org-area-header{

display:block;

}


}


/* =====================================
ORGANIZER TEAM PREMIUM
===================================== */


.org-team-section{

padding:100px 20px;

background:white;

}


.org-team-container{

max-width:1200px;

margin:auto;

}


.org-team-header{

text-align:center;

margin-bottom:55px;

}


.org-team-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(255,127,0,.12);

color:#FF7F00;

font-size:13px;

font-weight:700;

margin-bottom:18px;

}


.org-team-header h2{

font-size:42px;

font-weight:800;

color:#17252b;

margin:0 0 15px;

}


.org-team-header p{

max-width:700px;

margin:auto;

font-size:16px;

line-height:1.7;

color:#667085;

}


/* GRID */


/* Caruselul inlocuieste grid-ul: cardurile stau pe un rand derulabil, cate 4
   vizibile pe desktop. Cu 4 sau mai putini membri arata identic cu grid-ul de
   dinainte — nu apare nicio sageata si nu exista ce derula. */
.org-team-grid{

display:flex;

gap:25px;

overflow-x:auto;

scroll-snap-type:x mandatory;

/* Animatia o cere JS-ul la apasarea sagetilor. Aici ar afecta si derularea
   prin swipe, care trebuie sa ramana instantanee. */

/* Cardul se ridica la hover si are umbra difuza; fara spatiu in container
   ambele s-ar taia, pentru ca overflow-x:auto blocheaza si axa verticala. */
padding:18px 20px 34px;

/* Fara asta browserul deruleaza automat pana la 20px, ca sa alinieze primul
   card la marginea pistei, si spatiul lasat pentru umbra dispare. */
scroll-padding-inline:20px;

margin:-18px -20px 0;

/* Bara de derulare e redundanta cand exista sageti si swipe */
scrollbar-width:none;

-ms-overflow-style:none;

}

.org-team-grid::-webkit-scrollbar{

display:none;

}

.org-team-grid > .org-team-card{

flex:0 0 calc((100% - 3 * 25px) / 4);

scroll-snap-align:start;

}


/* Sagetile de carusel (.org-carousel*) stau in org-carousel.css — sunt
   folosite si de galeria din pagina activitatii, care nu poate incarca
   acest fisier (are reset-uri globale pe *, body, h1..h6, p). */


/* CARD */


.org-team-card{

background:#fff;

border-radius:30px;

overflow:hidden;

box-shadow:

0 15px 40px rgba(0,0,0,.07);

transition:.3s;

}


.org-team-card:hover{

transform:translateY(-8px);

}


.org-team-image{

height:300px;

background-size:cover;

background-position:center;

position:relative;

}


.org-team-badge{

position:absolute;

top:20px;

left:20px;

padding:7px 14px;

border-radius:30px;

background:#00991A;

color:white;

font-size:12px;

font-weight:700;

}


.org-team-content{

padding:25px;

}


.org-team-content h3{

margin:0 0 5px;

font-size:22px;

color:#17252b;

}


.org-team-role{

font-size:14px;

font-weight:700;

color:#0066AB;

margin-bottom:15px;

}


.org-team-description{

font-size:14px;

line-height:1.6;

color:#667085;

margin-bottom:20px;

}


.org-team-tags{

display:flex;

flex-wrap:wrap;

gap:8px;

}


.org-team-tag{

background:#f2f5f7;

padding:7px 12px;

border-radius:20px;

font-size:12px;

font-weight:600;

color:#344054;

}


/* FOOTER */


.org-team-footer{

text-align:center;

margin-top:45px;

}


.org-team-btn{

display:inline-flex;

padding:15px 35px;

border-radius:35px;

background:#0066AB;

color:white;

text-decoration:none;

font-weight:700;

}


@media(max-width:1000px){

.org-team-grid > .org-team-card{

flex-basis:calc((100% - 25px) / 2);

}

}


@media(max-width:600px){

/* Pe mobil un singur card pe ecran; restul se ajung cu sagetile sau prin swipe */
.org-team-grid{

gap:16px;

}

.org-team-grid > .org-team-card{

flex-basis:100%;

}

/* Cercul cu initiale se scaleaza odata cu cardul */
.org-team-initials{

width:100px;

height:100px;

font-size:36px;

}

}


/* =====================================
ORGANIZER TRUST BENEFITS PREMIUM
===================================== */


.org-trust-section{

padding:100px 20px;

background:

linear-gradient(
135deg,
#0066AB,
#00991A
);

position:relative;

overflow:hidden;

}


.org-trust-section:before{

content:"";

position:absolute;

width:min(500px, 100vw);

height:500px;

right:-200px;

top:-200px;

background:rgba(255,255,255,.08);

border-radius:50%;

}


.org-trust-container{

max-width:1200px;

margin:auto;

position:relative;

z-index:2;

}


.org-trust-header{

text-align:center;

color:white;

margin-bottom:55px;

}


.org-trust-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(255,255,255,.15);

font-size:13px;

font-weight:700;

margin-bottom:20px;

}


.org-trust-header h2{

font-size:44px;

font-weight:800;

margin:0 0 15px;
color:#fff;

}


.org-trust-header p{

max-width:700px;

margin:auto;

font-size:17px;

line-height:1.7;

color:rgba(255,255,255,.9);

}


/* PISTA CU CATEGORIILE ORGANIZATORULUI

   A fost o grila fixa de patru coloane, pentru patru casute scrise de mana.
   Acum continutul vine din baza si sunt oricate, deci acelasi modul de carusel
   ca la zone: derularea e nativa (overflow-x + scroll-snap), iar sagetile le
   aprinde org-carousel.js numai cand chiar nu incape tot. */

.org-trust-grid{

display:flex;

flex-wrap:nowrap;

gap:22px;

overflow-x:auto;

scroll-snap-type:x mandatory;

/* Marginile negative compenseaza paddingul: casuta se ridica la hover si are
   umbra, iar fara spatiu de respiro zona derulabila i le-ar taia. */
padding:8px 20px 14px;

margin:-8px -20px -14px;

/* Fara asta snap-ul deruleaza singur si spatiul lateral dispare */
scroll-padding-inline:20px;

scrollbar-width:none;

-ms-overflow-style:none;

/* Cat timp totul incape, casutele stau centrate; cand nu, se aliniaza la
   stanga. `safe` face exact asta din CSS, deci e corect si inainte sa ruleze
   JS-ul — un container centrat care depaseste latimea porneste derulat la
   mijloc. */
justify-content:safe center;

}


.org-trust-grid::-webkit-scrollbar{ display:none; }


/* Patru pe ecran; latimea e fixa, ca ultima vizibila sa se termine exact la
   marginea pistei si sa nu se iteasca in padding. */
.org-trust-grid > .org-trust-item{

flex:0 0 calc((100% - 3 * 22px) / 4);

min-width:0;

scroll-snap-align:start;

}


.org-trust-item{

background:white;

border-radius:25px;

padding:30px 25px;

text-align:center;

transition:.3s;

}


.org-trust-item:hover{

transform:translateY(-8px);

}


/* Pictograma sta direct pe cardul alb — fara cerc si fara fundal. Inaltimea de
   120px e plafon, nu masura fixa: o imagine mai mica ramane la marimea ei, in
   loc sa fie intinsa si sa iasa neclara. */
.org-trust-icon{

display:flex;

align-items:center;

justify-content:center;

margin:0 0 18px;

/* Doar pictograma de rezerva, cea de font, se ia dupa asta */
font-size:56px;

line-height:1;

color:var(--trust-cat, #00991a);

}


.org-trust-icon img{

/* Latimea se ia dupa inaltime, ca imaginea sa nu se deformeze */
height:auto;

width:auto;

max-height:120px;

max-width:100%;

object-fit:contain;

}


/* Doua randuri cel mult: numele lungi de categorie ar face casutele inegale. */
.org-trust-item h3{

font-size:16px;

line-height:1.35;

color:#17252b;

margin:0;

display:-webkit-box;

-webkit-line-clamp:2;

line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

}


/* BADGES */


.org-trust-footer{

margin-top:45px;

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:15px;

}


.org-trust-badge{

padding:10px 20px;

border-radius:30px;

background:rgba(255,255,255,.15);

color:white;

font-size:14px;

font-weight:600;

}


@media(max-width:950px){

.org-trust-grid > .org-trust-item{

flex-basis:calc((100% - 2 * 22px) / 3);

}

}


@media(max-width:600px){

.org-trust-grid{

gap:16px;

}

/* Doua pe ecran, nu una: casuta e mica (pictograma si un titlu), iar una
   singura pe latime ar arata pierduta. */
.org-trust-grid > .org-trust-item{

flex-basis:calc((100% - 16px) / 2);

padding:22px 16px;

}

}


/* =====================================
ORGANIZER FAQ PREMIUM
===================================== */


.org-faq-section{

padding:100px 20px;

background:

linear-gradient(
135deg,
#ffffff,
#f5faf8
);

}


.org-faq-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:.8fr 1.2fr;

gap:70px;

align-items:start;

}


/* LEFT */


.org-faq-label{

display:inline-flex;

padding:7px 18px;

border-radius:30px;

background:rgba(0,102,171,.10);

color:#0066AB;

font-size:13px;

font-weight:700;

margin-bottom:20px;

}


.org-faq-left h2{

font-size:42px;

line-height:1.2;

font-weight:800;

color:#17252b;

margin:0 0 20px;

}


.org-faq-left p{

font-size:16px;

line-height:1.7;

color:#667085;

margin-bottom:35px;

}


.org-faq-contact{


padding:25px;

background:white;

border-radius:25px;


box-shadow:

0 10px 30px rgba(0,0,0,.06);

}


.org-faq-contact strong{

display:block;

font-size:18px;

color:#17252b;

margin-bottom:8px;

}


.org-faq-contact span{

font-size:14px;

color:#667085;

}


/* RIGHT */


.org-faq-list{

display:flex;

flex-direction:column;

gap:15px;

}


.org-faq-item{

background:white;

border-radius:22px;

padding:0;

overflow:hidden;

box-shadow:

0 8px 25px rgba(0,0,0,.06);

}


.org-faq-question{

padding:24px 28px;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:17px;

font-weight:700;

color:#17252b;

}


.org-faq-icon{

width:32px;

height:32px;

border-radius:50%;

background:#00991A;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

}


.org-faq-answer{

padding:0 28px 25px;

font-size:15px;

line-height:1.7;

color:#667085;

}


@media(max-width:900px){

.org-faq-container{

grid-template-columns:1fr;

}

}


/* Furnizor fara logo: initiala numelui{

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

font-weight:800;

color:#fff;

}


/* === FAQ accordion (starea colapsata/expandata) === */
.org-faq-item .org-faq-answer {
    display: none;
    animation: orgFaqSlide .2s ease;
}
.org-faq-item.is-open .org-faq-answer {
    display: block;
}
.org-faq-item .org-faq-icon {
    transition: transform .2s ease, background .2s ease;
}
.org-faq-item.is-open .org-faq-icon {
    transform: rotate(45deg);
}
@keyframes orgFaqSlide {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* =============================================================================
   Recenzii in pagina furnizorului — elemente noi peste designul static:
   link catre activitate, raspunsul furnizorului, stare goala, "vezi toate".
   ========================================================================== */

.org-review-activity {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #f8fafb;
    border: 1px solid #e2e8f0;
    font-size: 12px;
    font-weight: 600;
    color: #475467;
    text-decoration: none;
    margin-bottom: 12px;
    transition: border-color .15s ease, color .15s ease;
}
.org-review-activity:hover { border-color: #16a34a; color: #16a34a; }
.org-review-activity i { font-size: 10.5px; opacity: .7; }

.org-review-reply {
    margin-top: 14px;
    padding: 13px 16px;
    background: #f8fafb;
    border-left: 3px solid #16a34a;
    border-radius: 0 12px 12px 0;
}
.org-review-reply-head {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    color: #16a34a;
    margin-bottom: 6px;
}
.org-review-reply p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: #475467;
}

.org-review--empty {
    text-align: center;
    padding: 40px 24px;
}
.org-review--empty i { font-size: 30px; color: #cbd5e1; display: block; margin-bottom: 12px; }
.org-review--empty p { font-size: 14.5px; color: #475467; margin: 0; }

.org-review-seeall {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 24px;
    border-radius: 14px;
    background: #f8fafb;
    border: 1px solid #e2e8f0;
    color: #101828;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.org-review-seeall:hover { background: #fff; border-color: #16a34a; color: #16a34a; }
.org-review-seeall i { font-size: 12px; }

/* =============================================================================
   Echipa — stari care apar doar cand continutul vine din baza de date
   ========================================================================== */

/* Un membru fara fotografie: initiala pe fundal neutru, nu un chenar gol */
.org-team-image--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e8f0ee 0%, #d3e2dd 100%);
}
.org-team-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    font-size: 42px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #7ba99c;
    line-height: 1;
    user-select: none;
}

/* =============================================================================
   Panoul de nota — distributia reala pe note
   ========================================================================== */


.org-rating-bars { margin-top: 6px; }

/* Latime fixa ca barele sa porneasca toate din acelasi punct */
.org-rating-star {
    flex: 0 0 34px;
    font-size: 14px;
    color: #667085;
    white-space: nowrap;
}

.org-rating-count {
    flex: 0 0 26px;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: #17252b;
    font-variant-numeric: tabular-nums;
}


/* =============================================================================
   Zona de operare — regiuni, zone speciale, judete (date reale)
   ========================================================================== */

/* Numarul de statistici variaza: cele fara valoare nu se afiseaza deloc.
   Un grid fix de 4 coloane ar intinde doua statistici pe tot randul. */
.org-area-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.org-area-stat {
    flex: 1 1 200px;
    max-width: 280px;
    text-align: center;
}

/* Un singur rand derulabil, cu sageti — ca la echipa. Cardurile au colturi
   rotunjite, iar spatiul lateral le tine departe de marginea taiata de overflow. */
.org-zone-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 4px 20px 10px;
    margin: -4px -20px -10px;
    /* Fara asta snap-ul deruleaza automat si spatiul lateral dispare */
    scroll-padding-inline: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.org-zone-cards::-webkit-scrollbar { display: none; }

/* Cat timp totul incape, cardurile stau centrate; cand nu, se aliniaza la stanga.
   `safe` face exact asta, si o face din CSS. Varianta cu :not(.has-nav) se
   aplica si inainte sa ruleze JS-ul, iar un container centrat care depaseste
   latimea porneste derulat la mijloc — caruselul se deschidea pe al treilea card. */
.org-zone-cards { justify-content: safe center; }

/* 3 pe ecran pe desktop — cardurile sunt late, patru s-ar inghesui.
   Fara max-width: cardurile trebuie sa umple exact latimea pistei. Daca sunt
   mai inguste, urmatorul card intra in zona de padding, care e vizibila, si se
   iteste in dreapta. Latimea e oricum fixa prin flex-basis, deci nu se intind. */
.org-zone-cards > .org-zone-card {
    flex: 0 0 calc((100% - 2 * 25px) / 3);
    scroll-snap-align: start;
}

@media (max-width: 1000px) {
    .org-zone-cards > .org-zone-card { flex-basis: calc((100% - 25px) / 2); }
}
@media (max-width: 600px) {
    .org-zone-cards { gap: 16px; }
    .org-zone-cards > .org-zone-card { flex-basis: 100%; }
}

/* Regiunile nu au imagini in baza de date. Un degrade e preferabil unei
   fotografii alese la intamplare, care ar putea arata alt peisaj decat regiunea. */
.org-zone-card--1 { background-image: linear-gradient(140deg, #2f6f5e, #1c4a3f); }
.org-zone-card--2 { background-image: linear-gradient(140deg, #2b6382, #143b52); }
.org-zone-card--3 { background-image: linear-gradient(140deg, #7a5a2e, #4a3418); }
.org-zone-card--4 { background-image: linear-gradient(140deg, #4a4f77, #262a45); }

/* Gradientul de lizibilitate de pe fotografii ar inchide prea mult degradeul */
.org-zone-card[class*="org-zone-card--"]:after {
    background: linear-gradient(transparent, rgba(0,0,0,.35));
}

/* Zonele speciale — puţine si scurte, deci chip-uri, nu carduri */
.org-area-counties {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}
.org-area-counties-label {
    font-size: 14px;
    font-weight: 700;
    color: #17252b;
    margin-right: 4px;
}
.org-area-county {
    padding: 8px 16px;
    border-radius: 30px;
    background: rgba(0,153,26,.10);
    color: #00991A;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 600px) {
    .org-area-stat { flex-basis: 140px; padding: 20px; }
    .org-area-counties { justify-content: flex-start; }
}


/* =============================================================================
   HOVER PENTRU BUTOANELE PORTOCALII

   `color:#fff` nu e de prisos: in public.css exista `a:hover { color: ... }`,
   iar `a:hover` (0,1,1) bate `.org-btn-primary` (0,1,0). Fara el, textul alb al
   butoanelor-link se facea verde inchis la trecerea cu mouse-ul si aproape nu
   se mai citea pe portocaliu.
   ========================================================================== */
.org-btn-primary:hover{
    background: linear-gradient(135deg, #FF9500, #E05F00);
    color: #fff;
    box-shadow: 0 16px 38px rgba(224, 95, 0, .55);
}

.org-btn-primary:active{
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(224, 95, 0, .45);
}

/* Butonul alb-transparent din sectiunea finala{
    background: rgba(255, 255, 255, .10);
    transition: background .2s ease, border-color .2s ease;
}


/*********************************************/
@media (max-width: 600px) {
    .org-experience-item{
		padding: 5px 10px;
	}
	.org-experience-number{
		line-height: 1;
	}
	.org-request-form select{
		width:100%;
	}
}

/*********************************************/