/* GS UI Extra v3.5 */
/* 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 #5DAD3A;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:#5DAD3A;background:#eef5eb}
.gs-cf-file:focus-within{outline:2px solid #5DAD3A;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 #5DAD3A;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:.72rem;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(auto-fit,minmax(160px,1fr));gap:14px;max-width:1060px;margin:0 auto}
.gs-certgrid-card{background:#fff;border:1px solid #e3e8e1;border-radius:14px;padding:16px 14px;text-align:center;cursor:zoom-in;transition:transform .18s,box-shadow .18s,border-color .18s}
.gs-certgrid-card:hover,.gs-certgrid-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,17,26,.09);border-color:#bcd6b3}
.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:11px;font-size:14px;color:#0F111A;line-height:1.3}
.gs-certgrid-card span{display:block;font-size:12.5px;color:#5c6660;line-height:1.45;margin-top:3px}
.gs-certgrid-card em{display:block;font-style:normal;font-size:12px;font-weight:600;color:#166534;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:.74rem;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:#5DAD3A;color:#fff}
.gs-lang a:not(.on):hover{background:#f2f4f0}