/* GS UI Extra v3.8 (v3.7 + audit 2026-09-05) */
/* Formular pe paginile de servicii */
.sv-form{background:#F4F7F3;padding:56px 0}
.sv-form .gx-wrap{max-width:820px}
.gs-form-lead{margin:6px 0 22px;color:#4d4d4d;font-size:16px}
.sv-form .fluentform{background:#fff;border:1px solid #e3e8e1;border-radius:16px;box-shadow:0 10px 34px rgba(15,17,26,.06);padding:28px}
@media(max-width:600px){.sv-form .fluentform{padding:18px 14px}}
/* Breadcrumbs */
.gs-crumbs{background:#fff;border-bottom:1px solid #f0f2ee;font-size:13px;padding:9px 0;color:#6b756e}
.gs-crumbs a{color:#166534;text-decoration:none}
.gs-crumbs a:hover{text-decoration:underline}
.gs-crumbs .separator{margin:0 6px;opacity:.5}
/* Sticky call mobil */
.gs-sticky-call{display:none}
@media(max-width:767px){.gs-sticky-call{position:fixed;bottom:14px;left:14px;right:84px;z-index:9998;display:flex;align-items:center;justify-content:center;gap:8px;background:#166534;color:#fff!important;font-weight:600;font-size:15px;min-height:50px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);text-decoration:none}}
/* Iconite Lucide (inlocuire emoji) */
.ic svg{width:26px;height:26px;display:inline-block;vertical-align:middle;color:#166534}
.gx-card-dark .ic svg{color:#fff}
.gx-sol .em svg{width:28px;height:28px;display:inline-block;color:#166534}
.gs-i-inline{width:1em;height:1em;display:inline-block;vertical-align:-0.12em;margin-right:4px}

/* Anti-FOUC: panourile de meniu stau ascunse pana la hover, chiar inainte sa se incarce CSS-ul principal (async).
   Animatia forteaza starea ascunsa in prima secunda dupa primul paint (animatiile bat regulile normale, dar nu si :hover cu !important). */
.gs-dd-panel{opacity:0;visibility:hidden}

.gs-dd:hover .gs-dd-panel,.gs-dd:focus-within .gs-dd-panel,.gs-dd.gs-open .gs-dd-panel{opacity:1!important;visibility:visible!important;}

/* ===== Mobil: fix-uri responsive ===== */
body{overflow-x:clip}
@media(max-width:767px){
  /* Contact: coloanele formular + date de contact se stivuiesc */
  #brxe-bc.brx-grid{grid-template-columns:1fr!important}
  #brxe-colR{width:100%!important;max-width:100%!important}
  /* Header compact: logo mic + hamburger pe acelasi rand */
  #brxe-hdrcon{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:6px;padding-bottom:6px}
  #brxe-hdrlogo{order:1;flex:0 1 auto}
  #brxe-hdrlogo img{max-height:42px!important;width:auto!important}
  #brxe-gsnav{order:2;flex:0 0 auto;width:auto!important}
  #brxe-gsburger{width:auto!important}
  #brxe-hdrcon{position:relative}
  #brxe-gsmenu{position:absolute!important;top:100%;left:0;right:0;z-index:70;background:#fff;width:100%!important;box-shadow:0 14px 30px rgba(0,0,0,.12)}
  #brxe-ctawrap{order:3;flex:1 1 100%;display:flex;justify-content:center;margin-top:2px}
  .gs-lang{top:6px!important;right:10px!important}
}
.fluentform .ff-btn-submit{background:#166534!important;border:1px solid #166534!important;color:#fff!important;min-height:48px;padding:12px 24px!important;font-weight:600;border-radius:8px;transition:background .2s}
.fluentform .ff-btn-submit:hover{background:#14532d!important;border-color:#14532d!important}
.fluentform .ff-el-form-control{min-height:48px}
#cmplz-cookiebanner-container .cmplz-documents{display:none!important}
#cmplz-manage-consent-container .cmplz-documents{display:none!important}

/* ===== Formular Cariere — card in stilul site-ului ===== */
.gs-cf{max-width:760px;background:#fff;border:1px solid #e3e8e1;border-radius:16px;box-shadow:0 10px 34px rgba(15,17,26,.06);padding:32px}
@media(max-width:600px){.gs-cf{padding:20px 16px}}
.gs-cf form{margin:0}
.gs-cf-row{display:flex;gap:16px;flex-wrap:wrap}
.gs-cf-row .gs-cf-field{flex:1 1 260px}
.gs-cf-field{margin-bottom:18px}
.gs-cf-field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#0F111A}
.gs-cf-field input[type=text],.gs-cf-field input[type=email],.gs-cf-field input[type=tel],.gs-cf-field select,.gs-cf-field textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid #d5dbd2;border-radius:10px;font-size:15px;background:#fbfcfa;transition:border-color .2s,background .2s}
.gs-cf-field textarea{min-height:110px;resize:vertical}
.gs-cf-field input:hover,.gs-cf-field select:hover,.gs-cf-field textarea:hover{border-color:#b9c4b4}
.gs-cf-field input:focus,.gs-cf-field select:focus,.gs-cf-field textarea:focus{outline:2px solid #4E7D1E;outline-offset:1px;background:#fff}
.gs-cf-file{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border:1.5px dashed #a8bfa0;border-radius:10px;background:#f4f8f2;transition:border-color .2s,background .2s;flex-wrap:wrap}
.gs-cf-file:hover,.gs-cf-file:focus-within{border-color:#4E7D1E;background:#eef5eb}
.gs-cf-file:focus-within{outline:2px solid #4E7D1E;outline-offset:1px}
.gs-cf-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.gs-cf-file-btn{background:#166534;color:#fff;border-radius:8px;padding:10px 18px;font-weight:600;font-size:14px;pointer-events:none;white-space:nowrap}
.gs-cf-filename{font-size:14px;color:#6b756e;pointer-events:none;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gs-cf-filename.has-file{color:#14532d;font-weight:600}
.gs-cf-gdpr{background:#f6f8f5;border:1px solid #e3e8e1;border-radius:10px;padding:12px 14px}
.gs-cf-gdpr label{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13.5px;line-height:1.55;margin:0;color:#3B414A}
.gs-cf-gdpr input{margin-top:3px;accent-color:#166534;width:17px;height:17px;flex:none}
.gs-cf-gdpr a{color:#166534;font-weight:600}
.gs-cf-btn{display:block;width:100%;background:#166534;border:1px solid #166534;color:#fff;min-height:52px;padding:13px 28px;font-weight:600;font-size:16px;border-radius:10px;cursor:pointer;transition:background .2s,transform .15s;margin-top:20px}
.gs-cf-btn:hover{background:#14532d;border-color:#14532d;transform:translateY(-1px)}
.gs-cf-note{font-size:13.5px;color:#5c6660;margin-top:12px;text-align:center}
.gs-cf-hp{position:absolute!important;left:-9999px!important;height:1px;width:1px;overflow:hidden}
.gs-cf-msg{padding:16px 20px;border-radius:12px;margin-bottom:20px;font-size:15px;line-height:1.6}
.gs-cf-ok{background:#e7f3ec;border:1px solid #4E7D1E;color:#14532d;max-width:760px}
.gs-cf-err{background:#fdecec;border:1px solid #e05252;color:#7f1d1d}

/* Echivalent h4 dupa fix-ul de outline (meniu + footer) */
.gs-mega .gs-pane .gs-h4{font-family:var(--gs-display);font-size:13px;color:var(--gs-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.gx-foot .gs-h4{color:#fff;font-family:var(--gs-display);font-size:14px;margin:0 0 16px;letter-spacing:.04em;font-weight:700}

/* Meniu: punte peste golul de 12px + gratie la iesire (nu mai dispare panoul) */
@media(min-width:992px){
.gs-dd-panel::before{content:'';position:absolute;left:-14px;right:-14px;top:-18px;height:18px}
.gs-dd .gs-dd-panel{transition-delay:.18s!important}
.gs-dd:hover .gs-dd-panel{transition-delay:.13s!important}
.gs-dd:focus-within .gs-dd-panel,.gs-dd.gs-open .gs-dd-panel{transition-delay:0s!important}
}

/* Card compact de oferta in sidebar (pagini servicii) */
.gs-oferta-card{background:#fff;border:1.5px solid #bcd6b3;border-radius:14px;padding:18px;box-shadow:0 8px 26px rgba(15,17,26,.07)}
.gs-oferta-card h3{font-size:1.02rem;margin:0 0 4px;line-height:1.35}
.gs-oc-sm{font-size:12.5px;color:#5c6660;margin:0 0 12px;line-height:1.5}
.gs-oferta-card .fluentform{background:transparent;border:0;box-shadow:none;padding:0}
.gs-oferta-card .ff-el-input--label{display:none}
.gs-oferta-card .ff-el-group{margin-bottom:10px;padding-bottom:0}
.gs-oferta-card .ff-el-form-control{min-height:42px;font-size:14px;padding:8px 12px}
.gs-oferta-card .ff-el-group:has(textarea){display:none}
.gs-oferta-card .ff_custom_html,.gs-oferta-card .ff-custom_html{display:none}
.gs-oferta-card .ff_t_c,.gs-oferta-card .ff-el-tc{font-size:12px;line-height:1.45}
.gs-oferta-card .ff-btn-submit{width:100%;min-height:44px;padding:10px 14px!important;font-size:14.5px}

/* Rafinare card oferta */
.gs-oferta-card h3{color:#0F111A!important;font-weight:700}
.gs-oferta-card .ff-el-input--label,.gs-oferta-card .ff-el-input--label label{display:none!important}
.gs-oferta-card .ff-el-group{margin-bottom:9px!important}

/* Card 'De ce GreenSoft' vizual */
.gs-why-card .gs-h4s{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#166534;margin:0 0 6px}
.gs-fact{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #eef1ec}
.gs-fact-last{border-bottom:0;padding-bottom:2px}
.gs-fact-ic{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(22,101,52,.09);display:flex;align-items:center;justify-content:center;color:#166534}
.gs-fact-ic svg{width:19px;height:19px}
.gs-fact b{display:block;font-size:14px;line-height:1.3;color:#0F111A}
.gs-fact span{display:block;font-size:12.5px;line-height:1.45;color:#5c6660;margin-top:1px}

/* Card 'De ce GreenSoft' — varianta pentru fundal inchis */
.gs-why-card .gs-h4s{color:#8FD97A}
.gs-fact{border-bottom:1px solid rgba(255,255,255,.14)}
.gs-fact-ic{background:rgba(255,255,255,.14);color:#8FD97A}
.gs-fact b{color:#fff}
.gs-fact span{color:rgba(255,255,255,.72)}

/* Header sticky mereu deasupra sectiunilor cu transform (marquee etc.) */
#brxe-hdrsec{z-index:500!important}
/* Iconite 'De ce GreenSoft': mari, fara patratel */
.gs-fact-ic{background:none!important;width:auto!important;height:auto!important;border-radius:0!important;margin-top:1px}
.gs-fact-ic svg{width:27px!important;height:27px!important}

/* Meniu controlat de JS (hover-intent real). Cand html are .gs-jsmenu, :hover NU mai deschide panourile — doar clasa .gs-open pusa de JS. */
@media(min-width:992px){
html.gs-jsmenu .gs-dd .gs-dd-panel{pointer-events:none}
html.gs-jsmenu .gs-dd.gs-open .gs-dd-panel{pointer-events:auto}
html.gs-jsmenu .gs-dd:not(.gs-open):hover .gs-dd-panel{opacity:0!important;visibility:hidden!important;transition-delay:0s!important}
html.gs-jsmenu .gs-dd:not(.gs-open):focus-within .gs-dd-panel{opacity:0!important;visibility:hidden!important}
}

/* Mega-meniu: categoria activa e gestionata de JS (.gs-active), nu de :hover — nu mai sare la prima categorie */
@media(min-width:992px){
html.gs-jsmenu .gs-mega .gs-cat-item .gs-pane{opacity:0!important;visibility:hidden!important}
html.gs-jsmenu .gs-mega .gs-cat-item.gs-active .gs-pane{opacity:1!important;visibility:visible!important}
html.gs-jsmenu .gs-mega .gs-cat-item.gs-active a.gs-cat{background:#fff;color:var(--gs-green-700)!important;box-shadow:0 4px 14px rgba(10,20,12,.06)}
}

/* Header CTA: buton principal AA + RO/EN integrat in rand (desktop) */
@media(min-width:992px){
#brxe-ctabtn{background:#166534!important;color:#fff!important;padding:12px 24px!important;border-radius:999px!important;font-weight:600!important;font-size:14.5px!important;line-height:1!important;box-shadow:0 4px 14px rgba(22,101,52,.25);transition:background .18s,transform .15s,box-shadow .18s!important;white-space:nowrap}
#brxe-ctabtn::after{content:'\2192';margin-left:8px;font-weight:700;display:inline-block;transition:transform .18s}
#brxe-ctabtn:hover{background:#14532d!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,101,52,.32)}
#brxe-ctabtn:hover::after{transform:translateX(3px)}
#brxe-ctawrap{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;justify-content:flex-end}
#brxe-ctawrap .gs-lang{position:static!important;top:auto!important;right:auto!important;margin:0!important;border-color:#dfe7dc;font-size:12px;box-shadow:none}
#brxe-ctawrap .gs-lang a{padding:7px 10px}
}

/* Sidebar 'Alte categorii': bife verzi + hover */
.sv-links a{display:flex!important;align-items:center;gap:10px;transition:color .15s,transform .15s}
.sv-links a::before{content:'';flex:none;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.9}
.sv-links a:hover{color:#166534!important;transform:translateX(3px)}

/* Butoane primare unitare: verde inchis AA pe tot site-ul */
.gx-btn.gx-primary,a.gx-btn.gx-primary{background:#166534!important;border:1px solid #166534!important;color:#fff!important;transition:background .18s,transform .15s,box-shadow .18s!important}
.gx-btn.gx-primary:hover{background:#14532d!important;border-color:#14532d!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,101,52,.28)}
/* Butonul din header si pe mobil */
@media(max-width:991px){#brxe-ctabtn{background:#166534!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 14px rgba(22,101,52,.25)}#brxe-ctabtn:hover{background:#14532d!important}}

/* Grila de certificari pe homepage (inlocuieste caruselul) */
.gs-certgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1140px;margin:0 auto}
.gs-certgrid-card{background:#173a1f;border:none;border-radius:12px;padding:16px 14px;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s}
.gs-certgrid-card:hover,.gs-certgrid-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,17,26,.18)}
.gs-certgrid-card img{width:100%;max-width:118px;height:auto;border:1px solid #eceee9;border-radius:6px;box-shadow:0 3px 10px rgba(15,17,26,.07)}
.gs-certgrid-card b{display:block;margin-top:10px;font-size:13.5px;color:#ffffff;line-height:1.3}
.gs-certgrid-card span{display:block;font-size:11px;color:#b9d3ad;line-height:1.45;margin-top:3px}
.gs-certgrid-card em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:#8fd06e;margin-top:8px}
@media(max-width:600px){.gs-certgrid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* RO/EN: stilurile pastilei, imune la UCSS (elementul e injectat prin JS si UCSS ii taie regulile din bundle) */
.gs-lang{display:inline-flex!important;align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:999px;overflow:hidden;font-weight:600;font-size:12px;line-height:1}
.gs-lang a{padding:7px 10px;color:#0F111A;text-decoration:none;transition:background .2s,color .2s}
.gs-lang a+a{border-left:1px solid #e2e2e2}
.gs-lang a.on{background:#166534;color:#fff}
.gs-lang a:not(.on):hover{background:#f2f4f0}
.gs-certgrid-card .gs-cert-ic{width:22px;height:22px;color:#8fd06e;display:block}
@media(max-width:991px){.gs-certgrid{grid-template-columns:repeat(3,1fr)}}

/* ===== Badge-uri ISO circulare pe homepage (stil sigiliu) ===== */
.gs-isogrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:1140px;margin:0 auto}
.gs-iso-card{display:flex;flex-direction:column;align-items:center;text-align:center;
  text-decoration:none;padding:10px 6px 14px;border-radius:14px;background:transparent;
  transition:transform .2s ease,background .2s ease}
.gs-iso-card:hover,.gs-iso-card:focus-visible{transform:translateY(-5px);background:#f4f8f2}
.gs-iso-svg{width:100%;max-width:148px;height:auto;display:block}
.gs-iso-ring{font-family:Inter,system-ui,Arial,sans-serif;font-weight:700;letter-spacing:.06em}
.gs-iso-lbl{font-family:Inter,system-ui,Arial,sans-serif;font-weight:600;fill:#1d2a1f;letter-spacing:.04em}
.gs-iso-nr{font-family:Inter,system-ui,Arial,sans-serif;font-weight:800;fill:#12200f}
.gs-iso-card b{display:block;margin-top:10px;font-size:13px;color:#173a1f;line-height:1.3;font-weight:700}
.gs-iso-card em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:#3f8f2f;margin-top:5px}
.gs-iso-card:hover em{text-decoration:underline}
@media(max-width:1024px){.gs-isogrid{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(max-width:560px){.gs-isogrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gs-iso-card b{font-size:12px}}

/* ── Header compact pe mobil ───────────────────────────────────────────────
   Containerul avea flex-wrap:wrap, iar butonul de ofertă ocupa toată lățimea
   și trecea pe rândul lui: header de 151px, adică 18% din ecranul telefonului,
   permanent ocupat (headerul e sticky). Îl aducem pe un singur rând.
   Regulile țintesc #brxe-hdrcon pentru că Bricks scrie pe id, iar selectorii
   pe clasă pierd în fața lui. */
@media(max-width:991px){
  #brxe-hdrcon{flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;row-gap:0!important}
  .gs-header{padding-top:7px!important;padding-bottom:7px!important}
  #brxe-hdrcon .brxe-logo img,.gs-logo img{width:120px!important;max-width:120px!important;height:auto!important}
  .gs-lang{order:1!important;flex:0 0 auto!important;scale:.95}
  .gs-cta-wrap{order:2!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important}
  .gs-cta-wrap a{padding:8px 12px!important;font-size:12.5px!important;white-space:nowrap!important}
  .gs-nav{order:3!important;flex:0 0 auto!important;margin-left:0!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
  .gs-nav .gs-lang{position:static!important;margin:0!important}

  /* Panoul de meniu pornea de la 64px, o valoare fixă care nu s-a potrivit
     niciodată cu înălțimea reală a headerului — se suprapuneau. Îl aliniem. */
  .gs-menu{inset:99px 0 auto 0!important;max-height:calc(100dvh - 99px);overflow-y:auto}
}

/* Tabelul de comparație tăia conținutul pe telefon: min-width 560px cu
   overflow ascuns. Îl facem derulabil, ca tabelul obișnuit. */
@media(max-width:767px){
  .gs-cmp{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

/* ── Lizibilitate pe telefon ───────────────────────────────────────────────
   Textul lung centrat se citește greu pe lățime mică: ochiul pierde începutul
   rândului la fiecare linie. Pe desktop, unde blocul e lat și scurt, e în regulă.
   Spațierea de 64px între secțiuni e gândită pentru desktop; pe telefon rupe
   ritmul fără să adauge claritate. */
@media(max-width:767px){
  .gx-sec p,.gs-cladire p,.gx-certnote,.gx-lead,.gs-lead{text-align:left!important}
  .gx-sec h2,.gs-cladire h2{text-align:left!important}
  .gx-sec,.gs-cladire,.gs-sec{padding-top:44px!important;padding-bottom:44px!important}
  .gsm{padding-top:24px!important;padding-bottom:24px!important}
}


/* ==================================================================
   GS UI Extra v3.8 — audit 2026-09-05 (Impeccable + Emil + Taste)
   ================================================================== */

/* --- Tipografie: fonturile sunt self-hosted (fonts.css, inline in head).
       Space Grotesk exista doar pana la 700 -> nu mai cerem 800 sintetic. */
.gx-hero h1,h1,.gx-head h2,.gx-micro b,.gx-band h2{font-weight:700}
/* H1 pe max 2 randuri pe desktop: 8 cuvinte la max 52px in coloana de ~640px */
.gx-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.gx-hero .lead{font-size:18px;max-width:52ch;text-wrap:pretty}
@media(max-width:600px){.gx-hero h1{font-size:32px}.gx-hero .lead{font-size:16.5px}}

/* --- Statistici scoase din hero, intr-o banda proprie sub hero */
.gx-stats{background:#fff;border-top:1px solid #e6ece7;border-bottom:1px solid #e6ece7}
.gx-stats .gx-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.gx-stats .gx-micro{margin-top:0;padding:22px 0;border-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gx-stats .gx-micro div{display:flex;align-items:baseline;gap:8px;font-size:14px;color:#5F6E64;white-space:nowrap}
.gx-stats .gx-micro b{display:inline;font-size:22px;line-height:1}
@media(max-width:760px){.gx-stats .gx-micro{grid-template-columns:repeat(2,1fr);gap:12px 18px}.gx-stats .gx-micro div{white-space:normal}}
.gx-hero-in{padding-bottom:70px}
@media(max-width:991px){.gx-hero-in{padding-bottom:48px}}

/* --- Titlul cardului din hero e acum <h2 class="gx-card-h"> (ierarhie H1 -> H2), pastreaza look-ul de H3 */
.gx-card-dark h2.gx-card-h{font-family:var(--gs-display);color:#fff;font-size:20px;font-weight:700;position:relative;margin:0 0 6px;line-height:1.2}

/* --- Sectiuni fara eyebrow: titlul isi poarta singur greutatea */
.gx-head h2{margin-top:0}
.gs-cladire .antet .eticheta{display:none}

/* --- Contrast: "vezi documentul" (era #3F8F2F, 4.05:1) si etichetele de etaj (4.31:1) */
.gs-iso-card em{color:#166534!important;font-size:12.5px}
.gx-certnote a{color:#166534}
.gs-cladire .etaj .nr{color:#4B5563;font-size:12px}

/* --- Nimic sub 12px pe mobil */
@media(max-width:767px){
  .gs-cladire .etaj .nr{font-size:12.5px}
  .gs-iso-card em{font-size:13px}
  .gx-micro div{font-size:13.5px}
}

/* --- Tinte de atingere >= 44px (WCAG 2.5.5 / HIG) */
.gs-cta-wrap a,#brxe-ctabtn,.gs-header .gs-btn-primary{min-height:44px;display:inline-flex;align-items:center}
.gs-lang{min-height:36px}
.gs-lang a{min-height:36px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px}
.gs-mega .gs-subs a,.gs-subs a,.gs-dd-panel a{min-height:44px;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}
.gs-mega a.gs-cat,.gs-cat{min-height:46px}
.gx-foot a{min-height:36px;display:flex;align-items:center;padding:7px 0}
.gx-foot .gx-fb-legal a,.gx-foot .gx-soc a,.gx-foot .gx-foot-zones a,.gx-foot .gx-foot-bot a,.gx-foot .gx-fb-meta a{display:inline-flex}
.gx-foot .gx-soc a,.gx-soc a{width:44px;height:44px}
.gx-fb-legal a{min-height:44px;display:inline-flex;align-items:center;padding:0 6px}
.gx-certnote a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:600}
.gsm-btn{width:44px;height:44px}

/* --- Header compact pe mobil: CTA-ul din header pleaca (exista bara sticky de apel),
       RO/EN raman dar cu tinta mare; headerul scade de la 127px la ~64px */
@media(max-width:767px){
  #brxe-ctawrap{display:none!important}
  #brxe-hdrcon{padding-top:4px;padding-bottom:4px;min-height:60px}
  #brxe-hdrlogo img{max-height:36px!important}
  .gs-lang{top:8px!important}
  .gs-lang a{min-height:40px}
}

/* --- Focus vizibil peste tot (RO/EN pierdea outline-ul) */
.trp-language-item:focus,.trp-language-item:focus-visible,.gs-lang a:focus-visible{outline:2px solid #166534!important;outline-offset:2px}
:where(a,button,[role=button],input,select,textarea,summary):focus-visible{outline:2px solid #166534;outline-offset:2px;border-radius:6px}
::selection{background:rgba(22,101,52,.18);color:#0e1512}

/* --- Motion: fara `transition: all`; proprietati explicite + o singura curba (ease-out puternic) */
:root{--gx-ease:cubic-bezier(.23,1,.32,1)}
.gx-btn{transition:background-color .18s var(--gx-ease),color .18s var(--gx-ease),border-color .18s var(--gx-ease),transform .15s var(--gx-ease),box-shadow .18s var(--gx-ease)}
.gx-btn:active{transform:scale(.97)}
.gx-card{transition:transform .22s var(--gx-ease),box-shadow .22s var(--gx-ease),border-color .22s var(--gx-ease)}
.gx-sol a{transition:transform .22s var(--gx-ease),background-color .22s var(--gx-ease),border-color .22s var(--gx-ease)}
.gs-related li a,.gs-res a,.sv-main p a:not(.gx-btn),.gs-chips li,.gsb-chip,.gs-blog-posts .bricks-pagination li a,.gs-blog-posts .bricks-layout-item>a,.gx-cert,.gx-cc,.gx-foot a,.gs-social a{transition-property:color,background-color,border-color,transform,box-shadow,padding-left}
.gx-foot a{transition-duration:.15s;transition-timing-function:var(--gx-ease)}
.gx-cert,.gx-cc{transition-duration:.18s;transition-timing-function:var(--gx-ease)}
@media(hover:none){.gx-sol a:hover,.gx-card:hover,.gx-primary:hover{transform:none}}

/* --- Scara de raze: 8 / 12 / 20 / pill (era 2,6,8,10,12,14,22,28,99,999) */
.gx-card-dark,.gx-band{border-radius:20px}
.gx-sol a,.gx-card{border-radius:20px}
.gx-cert,.gs-cert-card{border-radius:12px}
.gs-cat,.gs-dd-panel a,.gs-navlink,.gx-card-dark .ic,.gs-subs a{border-radius:8px}
.gx-btn{border-radius:12px}


/* cladire: gri-ul de baza sub 4.5:1 -> #4B5563 (7.5:1), cu specificitate peste CSS-ul plugin-ului */
body .gs-cladire{--gri:#4b5563}
body .gs-cladire .etaj .nr{color:#4b5563}

/* focus-visible cu specificitate reala (Bricks reseteaza outline pe :focus) */
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.gs-dd-label:focus-visible,.gs-cladire .etaj:focus-visible{outline:2px solid #166534!important;outline-offset:2px!important}
.gs-cladire .etaj:focus-visible{border-radius:8px}
body .gs-cladire .etaj .nr{font-size:12px}
@media(max-width:767px){body .gs-cladire .etaj .nr{font-size:12.5px}}

/* contrast non-text 3:1 pe butonul ghost (WCAG 1.4.11): contur #7F8F85 = 3.4:1 pe alb, 3.2:1 pe fundalul verde-pal; in banda verde, alb la 60% */
.gx-ghost{border-color:#7F8F85}
.gx-ghost:hover{border-color:#166534}
.gx-band .gx-ghost{border-color:rgba(255,255,255,.6)!important}

/* mobil: header aerisit; logo cu margine, RO/EN centrat vertical langa burger, fara suprapunere */
@media(max-width:767px){
  #brxe-hdrcon{padding-left:16px!important;padding-right:8px!important;min-height:64px}
  #brxe-hdrlogo{margin-left:0}
  .gs-lang{top:50%!important;right:84px!important;transform:translateY(-50%)}
  .gs-lang a{min-height:36px}
  #brxe-gsburger{min-width:56px}
  /* banda de statistici: numerele nu se rup */
  .gx-stats .gx-micro{grid-template-columns:repeat(2,1fr);gap:14px 12px}
  .gx-stats .gx-micro div{flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap;font-size:13px}
  .gx-stats .gx-micro b{font-size:20px;white-space:nowrap}
}

/* ==================================================================
   Motion pass (impeccable animate + emil animate), 2026-09-05
   Un singur moment "autorat" (hero-ul, la incarcare), reveal-uri mai discrete,
   feedback pe interactiuni; totul pe transform/opacity, ease-out puternic.
   ================================================================== */
/* 1) Hero: intrare esalonata (eyebrow -> titlu -> text -> butoane), cardul vine imediat dupa */
.gs-animate .gx-hero .gx-reveal:not(.gx-card-dark){opacity:1;transform:none;transition:none}
.gs-animate .gx-hero .gx-reveal:not(.gx-card-dark)>*{opacity:0;transform:translateY(10px);transition:opacity .5s var(--gx-ease),transform .5s var(--gx-ease)}
.gs-animate .gx-hero .gx-reveal.is-in:not(.gx-card-dark)>*{opacity:1;transform:none}
.gs-animate .gx-hero .gx-reveal.is-in:not(.gx-card-dark)>:nth-child(1){transition-delay:.03s}
.gs-animate .gx-hero .gx-reveal.is-in:not(.gx-card-dark)>:nth-child(2){transition-delay:.09s}
.gs-animate .gx-hero .gx-reveal.is-in:not(.gx-card-dark)>:nth-child(3){transition-delay:.15s}
.gs-animate .gx-hero .gx-reveal.is-in:not(.gx-card-dark)>:nth-child(4){transition-delay:.21s}
.gs-animate .gx-hero .gx-card-dark.gx-reveal{transform:translateY(14px) scale(.985);transition:opacity .55s var(--gx-ease) .2s,transform .55s var(--gx-ease) .2s}
.gs-animate .gx-hero .gx-card-dark.gx-reveal.is-in{transform:none}
/* 2) Reveal-urile de sectiune: mai scurte, mai mici, ease-out (nu ease-in-out) */
.gs-animate.gs-io .gx-reveal{transform:translateY(14px);transition:opacity .45s var(--gx-ease),transform .45s var(--gx-ease)}
.gs-animate .gx-sol .gx-reveal:nth-child(2){transition-delay:.05s}
.gs-animate .gx-sol .gx-reveal:nth-child(3){transition-delay:.1s}
.gs-animate .gx-sol .gx-reveal:nth-child(4){transition-delay:.15s}
/* 3) Mega-meniu si dropdown-uri: origine in trigger, 160ms, usor scale */
.gs-dd-panel{transform:translateY(6px) scale(.985);transform-origin:top left;transition:opacity .16s var(--gx-ease),transform .16s var(--gx-ease),visibility .16s}
.gs-dd-panel.gs-dd-panel-1{transform-origin:top left}
/* 4) Butoane: feedback la apasare (deja), sageata din CTA-ul principal se misca pe hover */
.gx-primary{transition:background-color .18s var(--gx-ease),transform .15s var(--gx-ease),box-shadow .18s var(--gx-ease)}
.gx-primary:hover{transform:translateY(-1px)}
.gx-primary:active{transform:scale(.97)}
/* 5) Diagrama cladirii: panoul intra cu ease-out, etajul activ isi "aprinde" icoana */
.gs-cladire .panou-continut{animation:gsApare .24s cubic-bezier(.23,1,.32,1)}
.gs-cladire .etaj .ic{transition:color .18s var(--gx-ease),transform .18s var(--gx-ease)}
.gs-cladire .etaj.activ .ic{transform:scale(1.12)}
.gs-cladire .etaj{transition:background-color .15s var(--gx-ease)}
/* 6) Sigilii ISO si carduri solutii: ridicare scurta pe hover, umbra tinuta in nuanta verde */
.gs-iso-card .gs-iso-svg{transition:transform .2s var(--gx-ease)}
.gs-iso-card:hover .gs-iso-svg,.gs-iso-card:focus-visible .gs-iso-svg{transform:translateY(-3px)}
.gx-sol a:hover{box-shadow:0 14px 34px -12px rgba(12,63,36,.35)}
/* 7) Reduced motion: totul devine instant, starile raman */
@media(prefers-reduced-motion:reduce){
  .gs-animate .gx-hero .gx-reveal>*,.gs-animate .gx-reveal,.gs-animate .gx-hero .gx-card-dark.gx-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .gs-dd-panel{transition:opacity .01s!important;transform:none!important}
  .gs-cladire .panou-continut{animation:none!important}
  .gx-primary:hover,.gx-sol a:hover,.gs-iso-card:hover .gs-iso-svg{transform:none!important}
}

/* reveal: regula de baza din greensoft-ds.css e eliminata de LiteSpeed UCSS (clasa e adaugata din JS), deci o redeclaram aici */
.gs-animate.gs-io .gx-reveal{opacity:0}
.gs-animate .gx-reveal.is-in{opacity:1;transform:none}
.gs-animate .gx-hero .gx-reveal:not(.gx-card-dark){opacity:1}

/* ==================================================================
   Motion pass 2: panou cladire cu blur, "constructia" cladirii, WhatsApp, marquee mutat
   ================================================================== */
/* panoul cladirii: in timpul schimbarii, blur 2px + opacitate .6 (150ms in total, 120 pana la swap) */
body .gs-cladire .panou{transition:filter .16s var(--gx-ease),opacity .16s var(--gx-ease)}
body .gs-cladire .panou.panou-schimb{filter:blur(3px);opacity:.5}
/* cladirea "se construieste" de jos in sus la intrarea in viewport, o singura data */
.gs-animate .cladire-wrap.gs-build.gx-reveal{opacity:1;transform:none;transition:none}
.gs-animate.gs-io .gs-build .etaj{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .6s var(--gx-ease),transform .6s var(--gx-ease)}
.gs-animate .gs-build.gs-built .etaj{opacity:1;transform:none}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(1){transition-delay:0s}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(2){transition-delay:.1s}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(3){transition-delay:.2s}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(4){transition-delay:.3s}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(5){transition-delay:.4s}
.gs-animate .gs-build.gs-built .etaj:nth-last-child(6){transition-delay:.5s}
.gs-animate.gs-io .gs-build .acoperis-deck,.gs-animate.gs-io .gs-build .copac{opacity:0;transform:translateY(10px);transition:opacity .5s var(--gx-ease) .62s,transform .5s var(--gx-ease) .62s}
.gs-animate .gs-build.gs-built .acoperis-deck,.gs-animate .gs-build.gs-built .copac{opacity:1;transform:none}
/* WhatsApp: apare o singura data, dupa 1.5s, din scale(.9) */
@keyframes gsWaIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.ht-ctc.ht-ctc-chat{animation:gsWaIn .22s var(--gx-ease) 1.5s both!important}
/* marquee-ul sta acum intre certificari si banda CTA */
#gsm-slot.gsm-slot-filled .gsm{border-top:1px solid #e6ece7;border-bottom:1px solid #e6ece7;padding:26px 0;margin:8px 0 56px}
@media(prefers-reduced-motion:reduce){
  .gs-cladire .panou.panou-schimb{filter:none;opacity:1}
  .gs-animate .gs-build .etaj,.gs-animate .gs-build .acoperis-deck,.gs-animate .gs-build .copac{opacity:1!important;transform:none!important;transition:none!important}
  .ht-ctc.ht-ctc-chat{animation:none!important}
}