/* Frangomy — șablon Joomla 6 */
:root{
  --ink:#0B0F14; --ink-2:#1E2631; --blue:#2F6BEB; --blue-d:#163E9A; --blue-pin:#1F4FBF; --orange:#E07A1F; --orange-d:#B85E0F;
  --ground:#F3F5F8; --line:#DCE1E8; --line-2:#C3CBD8; --text:#0B0F14; --muted:#3D4757; --muted-2:#4A5565; --on-dark:#C9D2DF;
  --display:'Archivo',system-ui,sans-serif; --body:'IBM Plex Sans',system-ui,sans-serif; --r:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-d)}a:hover{color:var(--ink)}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:100}.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* topbar + header */
.topbar{background:var(--ink);color:var(--on-dark);font-size:13px}
.topbar__in{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.topbar__links{display:flex;gap:20px;flex-wrap:wrap}.topbar a{color:#E8ECF2;text-decoration:none}.topbar a:hover{color:#fff;text-decoration:underline}
.header{background:var(--ink);border-top:1px solid var(--ink-2);position:sticky;top:0;z-index:50}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.logo{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#fff}
.logo__word{display:flex;align-items:center;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:.02em;line-height:1}
.logo__word svg{margin:0 1px}
.logo__tag{font-size:10px;letter-spacing:.22em;color:#AEB8C7;font-weight:600}
.logo:hover{color:#fff}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.nav a{color:#E8ECF2;text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover,.nav .active>a,.nav .current>a{color:#fff;text-decoration:underline}
.nav .menu-cta,.nav a.menu-cta{background:var(--blue);color:#fff;padding:12px 18px;border-radius:6px;font-weight:600;text-decoration:none}
.nav a.menu-cta:hover{background:#1F57D6;text-decoration:none}
.navtoggle{display:none;width:44px;height:44px;border:1px solid #4A5565;border-radius:6px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.navtoggle span{display:block;width:20px;height:2px;background:#fff}
@media (max-width:900px){
  .navtoggle{display:flex}
  .nav{display:none;width:100%}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0 4px}
  .nav li{width:100%}.nav a{display:block;padding:12px 0;font-size:17px}
  .nav a.menu-cta{display:inline-block;margin-top:8px;padding:12px 18px}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:#1F57D6;color:#fff}
.btn--ghost{border-color:#4A5565;color:#fff}.btn--ghost:hover{border-color:#fff;color:#fff}
.btn--white{background:#fff;color:var(--blue-d);font-weight:700}.btn--white:hover{color:var(--ink)}
.btn--line{background:#fff;border-color:var(--line-2);color:var(--ink)}

/* joomla article wrapper resets */
.com-content-article,.item-page{margin:0}
.com-content-article__body>*:first-child{margin-top:0}
main>.alert,#system-message-container{max-width:1240px;margin:16px auto;padding:0 24px}

/* sections */
.section{padding:88px 0}
.section--grey{background:var(--ground)}
.section--tight{padding:72px 0}
.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:600;color:var(--blue-d);text-transform:uppercase}
.head{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:40px}
.head h2{font-weight:800;font-size:clamp(30px,3.4vw,40px)}
.lead{font-size:18px;color:var(--muted)}

/* hero */
.hero{background:var(--ink);color:#fff}
.hero__in{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:56px;padding-bottom:72px}
.hero__text{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hero .eyebrow{color:#8FB0FF}
.hero h1{font-weight:800;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.01em}
.hero p.lead{color:var(--on-dark);font-size:19px;max-width:560px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.hero figure{flex:1 1 440px;min-width:0;margin:0;display:flex;flex-direction:column;gap:10px}
.hero figure img{width:100%;height:440px;object-fit:cover;border-radius:var(--r)}
.hero figcaption{font-size:13px;color:#AEB8C7}
@media (max-width:600px){.hero figure img{height:260px}}

/* stats */
.stats{background:var(--ground);border-bottom:1px solid var(--line)}
.stats__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-top:36px;padding-bottom:36px}
.stat{display:flex;flex-direction:column;gap:4px}
.stat b{font-family:var(--display);font-weight:800;font-size:44px;color:var(--blue-d);line-height:1.1}
.stat span{font-size:15px;color:var(--muted)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.card{border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px;background:#fff}
.card h3{font-weight:700;font-size:22px}
.card p{font-size:16px;color:var(--muted)}
.card ul{margin:0;padding-left:18px;font-size:15px;line-height:1.7;color:var(--muted)}
.card svg{width:36px;height:36px;stroke:var(--blue-d);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.steps li{border-top:3px solid var(--blue);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.steps .n{font-family:var(--display);font-weight:800;font-size:15px;color:var(--blue-d)}
.steps strong{font-size:19px}.steps span{font-size:16px;color:var(--muted)}

/* band */
.band{background:var(--blue-d);color:#fff}
.band__in{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between;padding-top:72px;padding-bottom:72px}
.band__text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.band .eyebrow{color:#C8D8FF}
.band h2{font-weight:800;font-size:clamp(28px,3.2vw,38px);line-height:1.12}
.band ul{margin:0;padding-left:20px;font-size:17px;line-height:1.8;color:#E3EAFB}

/* about */
.about{display:flex;flex-wrap:wrap;gap:48px}
.about__text{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:16px}
.about__text p{font-size:18px;color:var(--muted)}
.badges{flex:1 1 380px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}
.badge{border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:6px}
.badge strong{font-size:17px}.badge span{font-size:15px;color:var(--muted);line-height:1.5}
@media (max-width:520px){.badges{grid-template-columns:1fr}}

/* page hero (subpages) */
.pagehero{background:var(--blue-d);color:#fff}
.pagehero__in{padding-top:72px;padding-bottom:64px;display:flex;flex-direction:column;gap:20px}
.pagehero .eyebrow{color:#C8D8FF}
.pagehero h1{font-weight:800;font-size:clamp(32px,4.2vw,54px);line-height:1.06;max-width:900px}
.pagehero p{font-size:19px;color:#E3EAFB;max-width:760px}

/* forms */
.split{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.split__side{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}
.split__side h2{font-weight:800;font-size:34px;line-height:1.12}
.split__side ul{margin:0;padding-left:18px;color:var(--muted)}
.fform{flex:2 1 560px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:20px}
.fform h2{font-weight:800;font-size:24px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.fform label,.fform legend{font-size:14px;font-weight:600}
.fform label.f{display:flex;flex-direction:column;gap:6px}
.fform input[type=text],.fform input[type=email],.fform input[type=tel],.fform input[type=number],.fform select,.fform textarea{font:inherit;font-size:16px;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff;color:var(--ink);width:100%}
.fform textarea{padding:10px 12px;min-height:110px;resize:vertical}
.fform fieldset{border:0;padding:0;margin:0}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px 20px;font-size:15px;font-weight:400}
.checks label,.consent{display:flex;gap:10px;align-items:center;min-height:40px;font-weight:400!important}
.checks input,.consent input{width:20px;height:20px;flex:none}
.consent{align-items:flex-start;font-size:14px;color:var(--muted)}
.consent input{margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:22px;font-size:15px;font-weight:600;border:1px solid var(--line-2);background:#fff}
.chips input:checked+span{background:var(--blue-d);color:#fff;border-color:var(--blue-d)}
.chips input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.fmsg{padding:14px 16px;border-radius:8px;font-size:15px;display:none}
.fmsg.ok{display:block;background:#E8F3EC;color:#14532D;border:1px solid #A7D3B5}
.fmsg.err{display:block;background:#FDECEC;color:#7F1D1D;border:1px solid #F3B4B4}
.fform button[disabled]{opacity:.6;cursor:wait}

/* map */
.fmap{display:flex;flex-direction:column;gap:16px}
.fmap__bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.fmap__firms{display:flex;flex-wrap:wrap;gap:8px}
.fmap__firms button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.fmap__firms button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.fmap__firms i{width:10px;height:10px;border-radius:5px;display:inline-block}
.fmap__bar label{display:flex;gap:8px;align-items:center;font-size:15px;color:var(--muted)}
.fmap__bar select{font:inherit;font-size:15px;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;background:#fff}
.fmap__box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.fmap__stage{position:relative;width:100%;aspect-ratio:1000/712}
.fmap__stage>img{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:11px;height:11px;padding:0;border-radius:6px;border:1.5px solid #fff;cursor:pointer;transform:translate(-50%,-50%);transition:transform .12s ease;z-index:2}
.pin--FMY{background:var(--blue-pin);box-shadow:0 0 0 1px var(--blue-pin)}
.pin--CYS{background:var(--orange);box-shadow:0 0 0 1px var(--orange-d)}
.pin:hover,.pin:focus-visible,.pin.on{transform:translate(-50%,-50%) scale(1.9);z-index:6;outline:none}
.pcard{position:absolute;z-index:10;width:300px;max-width:85%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px rgba(11,15,20,.22),0 0 0 1px var(--line)}
.pcard img{width:100%;height:150px;object-fit:cover}
.pcard__tile{height:96px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px 16px;color:#fff;font-size:12px}
.pcard__tile b{letter-spacing:.14em;font-weight:600}
.pcard__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.pcard__firm{align-self:flex-start;font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;color:#fff}
.pcard__body strong{font-family:var(--display);font-size:16px;line-height:1.3}
.pcard__ben{font-size:14px;color:var(--muted);line-height:1.45}
.pcard__where{font-size:13px;color:var(--muted-2)}
.pcard__x{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:16px;border:0;background:var(--ink);color:#fff;font-size:18px;cursor:pointer}
.fmap__legend{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--muted);align-items:center}
.fmap__legend i{width:12px;height:12px;border-radius:6px;display:inline-block;border:2px solid #fff;vertical-align:-1px;margin-right:6px}
@media (max-width:600px){.fmap__box{padding:8px}.pin{width:9px;height:9px}}

/* footer */
.footer{background:var(--ink);color:var(--on-dark)}
.footer .wrap{padding-top:64px;padding-bottom:28px;display:flex;flex-direction:column;gap:40px}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;font-size:15px}
.footer__grid>div{display:flex;flex-direction:column;gap:8px}
.footer strong{color:#fff;font-size:17px}
.footer a{color:var(--on-dark)}.footer a:hover{color:#fff}
.footer__bottom{border-top:1px solid var(--ink-2);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;color:#8E99AA}
.footer__links{display:flex;gap:20px;flex-wrap:wrap}

/* text pages */
.textpage{max-width:820px;margin:0 auto;padding:64px 24px 88px}
.textpage h1{font-size:40px;margin-bottom:24px}
.textpage h2{font-size:24px;margin:32px 0 12px}
.textpage p,.textpage li{color:var(--muted);margin-bottom:12px}
.errorpage{padding:96px 24px;display:flex;flex-direction:column;gap:18px}
.errorpage h1{font-size:44px}

/* certificări ISO */
.certs{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.cert{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;text-decoration:none;color:var(--ink);background:#fff}
.cert:hover{border-color:var(--blue);color:var(--ink)}
.cert img{width:180px;height:auto}
.cert span{font-size:15px;color:var(--muted);line-height:1.5}
.cert strong{color:var(--ink)}
.certs__note{font-size:14px!important;color:var(--muted-2)!important}


/* buton „Editare” (doar pentru administratori autentificați) */
.com-content-article>.icons{position:fixed;left:16px;bottom:16px;z-index:60;margin:0}
.com-content-article>.icons .float-end{float:none}
.com-content-article>.icons a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:20px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(11,15,20,.25)}
.com-content-article>.icons a:hover{background:var(--blue);color:#fff}
.com-content-article>.icons [role=tooltip]{display:none}
.com-content-article>.icons .icon-edit::before{content:"✎"}
/* domenii ISC grupate */
.checks--dom{gap:0 20px}
.checks__grp{grid-column:1/-1;margin:14px 0 2px;font-size:14px;font-weight:700;color:var(--ink)}
.checks__grp:first-child{margin-top:0}

/* mesaje sistem: fără spațiu când sunt goale */
#system-message-container:not(:has(*)){margin:0;padding:0}
/* siglă oficială */
.logo__img{display:block;height:46px;width:auto}
@media (max-width:600px){.logo__img{height:38px}}
/* știri */
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.news__item{border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff}
.news__item[hidden]{display:none}
.news__item time{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d)}
.news__item h3{font-size:19px;line-height:1.25}
.news__item p{color:var(--muted);font-size:15px;line-height:1.55}
.news__tag{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--muted-2)}
.news__years{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.news__years button{font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 18px;border-radius:20px;border:1px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer}
.news__years button:hover{border-color:var(--blue-d)}
.news__years button.is-on{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.news__more,.news__all{margin-top:32px;text-align:center}.news__more[hidden]{display:none}
.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{background:var(--blue-d);color:#fff}