/* [cc 2026-10-01] meniul pe tema deschisă: B ales de David (fără bară sus, bară puțin mai închisă la derulare) e implicit; ?meniu=a|c|d|x pentru comparație, x = cel închis */
html.hv-light[data-meniu="a"] header#header .navbar.intro{background:hsl(40 23% 97% / .66);border-color:hsl(40 15% 80% / .7);box-shadow:0 2px 10px hsl(40 20% 20% / .06);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
html.hv-light[data-meniu="a"] header#header .navbar.intro:has(#intro-nav-menu.in),html.hv-light[data-meniu="a"] header#header .navbar.intro:has(#intro-nav-menu.collapsing){background:hsl(40 23% 97% / .97)}
html.hv-light[data-meniu="a"] header#header .logo-icon{filter:brightness(0) invert(.16)}
html.hv-light[data-meniu="a"] #intro-nav-menu .navbar-nav > li > a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="a"] #intro-nav-menu .navbar-nav > li > a:hover,html.hv-light[data-meniu="a"] #intro-nav-menu .navbar-nav > li > a:focus{color:hsl(205 67% 36%)}
html.hv-light[data-meniu="a"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light[data-meniu="a"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 33%)}
html.hv-light[data-meniu="a"] #intro-nav-menu .nav-contact-text{color:hsl(40 13% 23%);background:transparent;border-color:hsl(40 13% 23% / .35)}
html.hv-light[data-meniu="a"] #intro-nav-menu a.nav-contact:hover .nav-contact-text,html.hv-light[data-meniu="a"] #intro-nav-menu a.nav-contact:focus .nav-contact-text{color:hsl(40 23% 97%);background:hsl(40 13% 23%);border-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="a"] #intro-nav-menu .st-resources-menu{background:hsl(40 23% 97% / .97);border-color:hsl(40 15% 80%)}
html.hv-light[data-meniu="a"] #intro-nav-menu .st-resources-menu a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="a"] header#header .navbar-toggle{border-color:hsl(40 13% 23% / .25);background:hsl(40 23% 97% / .5)}html.hv-light[data-meniu="a"] header#header .navbar-toggle .icon-bar{background-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="a"] #intro-nav-menu{border-top-color:hsl(40 13% 23% / .1)}
html.hv-light[data-meniu="b"] header#header .navbar.intro{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.hv-light[data-meniu="b"] header#header .navbar.intro:has(#intro-nav-menu.in),html.hv-light[data-meniu="b"] header#header .navbar.intro:has(#intro-nav-menu.collapsing){background:hsl(40 23% 97% / .97)}
html.hv-light[data-meniu="b"] header#header .logo-icon{filter:brightness(0) invert(.16)}
html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li > a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li > a:hover,html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li > a:focus{color:hsl(205 67% 36%)}
html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 33%)}
html.hv-light[data-meniu="b"] #intro-nav-menu .nav-contact-text{color:hsl(40 13% 23%);background:#fff;border-color:#fff} /* [cc 2026-10-01] David: CONTACT alb din start */
html.hv-light[data-meniu="b"] #intro-nav-menu a.nav-contact:hover .nav-contact-text,html.hv-light[data-meniu="b"] #intro-nav-menu a.nav-contact:focus .nav-contact-text{color:hsl(40 13% 23%);background:#fff;border-color:hsl(40 13% 23% / .35)} /* [cc 2026-10-01] la hover rămâne alb, apare doar conturul */
html.hv-light[data-meniu="b"] #intro-nav-menu .st-resources-menu{background:hsl(40 23% 97% / .97);border-color:hsl(40 15% 80%)}
html.hv-light[data-meniu="b"] #intro-nav-menu .st-resources-menu a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="b"] header#header .navbar-toggle{border-color:hsl(40 13% 23% / .25);background:hsl(40 23% 97% / .5)}html.hv-light[data-meniu="b"] header#header .navbar-toggle .icon-bar{background-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="b"] #intro-nav-menu{border-top-color:hsl(40 13% 23% / .1)}
html.hv-light[data-meniu="c"] header#header .navbar.intro{background:hsl(40 15% 82% / .92);border-color:transparent;box-shadow:none;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
html.hv-light[data-meniu="c"] header#header .navbar.intro:has(#intro-nav-menu.in),html.hv-light[data-meniu="c"] header#header .navbar.intro:has(#intro-nav-menu.collapsing){background:hsl(40 23% 97% / .97)}
html.hv-light[data-meniu="c"] header#header .logo-icon{filter:brightness(0) invert(.16)}
html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li > a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li > a:hover,html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li > a:focus{color:hsl(205 67% 36%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 33%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .nav-contact-text{color:hsl(40 13% 23%);background:transparent;border-color:hsl(40 13% 23% / .35)}
html.hv-light[data-meniu="c"] #intro-nav-menu a.nav-contact:hover .nav-contact-text,html.hv-light[data-meniu="c"] #intro-nav-menu a.nav-contact:focus .nav-contact-text{color:hsl(40 23% 97%);background:hsl(40 13% 23%);border-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .st-resources-menu{background:hsl(40 23% 97% / .97);border-color:hsl(40 15% 80%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .st-resources-menu a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="c"] header#header .navbar-toggle{border-color:hsl(40 13% 23% / .25);background:hsl(40 23% 97% / .5)}html.hv-light[data-meniu="c"] header#header .navbar-toggle .icon-bar{background-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="c"] #intro-nav-menu{border-top-color:hsl(40 13% 23% / .1)}
html.hv-light[data-meniu="d"] header#header .navbar.intro{background:hsl(40 23% 97% / .66);border-color:hsl(40 15% 80% / .7);box-shadow:0 2px 10px hsl(40 20% 20% / .06);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
html.hv-light[data-meniu="d"] header#header .navbar.intro:has(#intro-nav-menu.in),html.hv-light[data-meniu="d"] header#header .navbar.intro:has(#intro-nav-menu.collapsing){background:hsl(40 23% 97% / .97)}
html.hv-light[data-meniu="d"] header#header .logo-icon{filter:brightness(0) invert(.16)}
html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li > a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li > a:hover,html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li > a:focus{color:hsl(205 67% 36%)}
html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 33%)}
html.hv-light[data-meniu="d"] #intro-nav-menu .nav-contact-text{color:hsl(40 13% 23%);background:transparent;border-color:hsl(40 13% 23% / .35)}
html.hv-light[data-meniu="d"] #intro-nav-menu a.nav-contact:hover .nav-contact-text,html.hv-light[data-meniu="d"] #intro-nav-menu a.nav-contact:focus .nav-contact-text{color:hsl(40 23% 97%);background:hsl(40 13% 23%);border-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="d"] #intro-nav-menu .st-resources-menu{background:hsl(40 23% 97% / .97);border-color:hsl(40 15% 80%)}
html.hv-light[data-meniu="d"] #intro-nav-menu .st-resources-menu a{color:hsl(40 13% 23%)}
html.hv-light[data-meniu="d"] header#header .navbar-toggle{border-color:hsl(40 13% 23% / .25);background:hsl(40 23% 97% / .5)}html.hv-light[data-meniu="d"] header#header .navbar-toggle .icon-bar{background-color:hsl(40 13% 23%)}
html.hv-light[data-meniu="d"] #intro-nav-menu{border-top-color:hsl(40 13% 23% / .1)}
html.hv-light[data-meniu="d"] #intro-nav-menu .navbar-nav > li > a{text-transform:none;font-size:16px;letter-spacing:0;transform:none}
html.hv-light[data-meniu="d"] #intro-nav-menu .nav-contact-text{text-transform:none;letter-spacing:0}
html.hv-light.ez-sus[data-meniu="b"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light.ez-sus[data-meniu="b"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 28%)}
html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li.active > a,html.hv-light[data-meniu="c"] #intro-nav-menu .navbar-nav > li.active > a:hover{color:hsl(29 80% 28%)}
/* [cc] B: bara crește odată cu derularea (--ez-p 0→1 pe primii 90 px, din meniu.js), cu o tranziție scurtă care netezește pașii rotiței — nu mai apare dintr-odată */
html.hv-light[data-meniu="b"] header#header .navbar.intro{background:hsl(40 6% 84% / calc(.8 * var(--ez-p, 0)));border-color:hsl(40 6% 74% / calc(.6 * var(--ez-p, 0)));box-shadow:0 4px 14px hsl(40 20% 20% / calc(.08 * var(--ez-p, 0)));-webkit-backdrop-filter:blur(calc(20px * var(--ez-p, 0))) saturate(calc(1 + .6 * var(--ez-p, 0)));backdrop-filter:blur(calc(20px * var(--ez-p, 0))) saturate(calc(1 + .6 * var(--ez-p, 0)));transition:background-color .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out, -webkit-backdrop-filter .25s ease-out, backdrop-filter .25s ease-out}
html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li > a{transition:color .25s ease-out}
@media (prefers-reduced-motion: reduce){html.hv-light[data-meniu="b"] header#header .navbar.intro,html.hv-light[data-meniu="b"] #intro-nav-menu .navbar-nav > li > a{transition:none}}
/* [cc 2026-10-06] David: înainte să devină pastilă, meniul stătea prea departe de sus. Pe desktop urcă 12 px și coboară la locul pastilei odată cu --ez-p (0→1 pe primii 90 px). translate, nu transform: bara e deja centrată cu transform */
@media (min-width: 901px){html.hv-light[data-meniu="b"] header#header .navbar.intro{translate:0 calc(-12px * (1 - var(--ez-p, 0)));transition:background-color .25s ease-out, border-color .25s ease-out, box-shadow .25s ease-out, -webkit-backdrop-filter .25s ease-out, backdrop-filter .25s ease-out, translate .25s ease-out}}
@media (min-width: 901px) and (prefers-reduced-motion: reduce){html.hv-light[data-meniu="b"] header#header .navbar.intro{transition:none}}