/* otto-nav.css — "second top bar" (bara de navigație) în varianta redesign.
   Partajat pe toate paginile otto-copy ca să fie IDENTIC peste tot (regulă generală).
   Se leagă DUPĂ <style>-ul inline al paginii (înainte de </head>) ca să suprascrie nav-ul vechi.
   Folosește tokenii existenți (--orange-light, --shadow-sm, --radius-sm, --text). */

.topbar-phone-label { color: var(--orange-light); text-transform: none; letter-spacing: 0.04em; font-weight: 500; font-size: 12px; }
nav.site-nav.scrolled { background: rgba(255,255,255,0.92); backdrop-filter: blur(10px); box-shadow: var(--shadow-sm); border-bottom-color: rgba(0,0,0,0.05); }
.nav-links { gap: 1.7rem; align-items: center; }
.nav-links a { font-size: 0.92rem; letter-spacing: normal; text-transform: none; font-weight: 500; color: var(--text); }
.nav-links a::after { bottom: -2px; height: 2px; }
.nav-cta { font-size: 0.86rem; letter-spacing: 0.02em; text-transform: none; font-weight: 600; padding: 0.72rem 1.5rem; border-radius: var(--radius-sm); box-shadow: 0 8px 20px -8px rgba(230,117,0,.7); }
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -8px rgba(230,117,0,.8); }
.nav-cta:active { transform: translateY(0) scale(0.97); }