/* ─────────────────────────────────────────────────────────────
   OL-IA — allineamento del menu sulle pagine statiche (blog,
   /automazioni/) al nuovo sito React: pillola semitrasparente,
   voci bianche, ordine Home · Siti aziendali · Automazioni ·
   Blog · Parlami del progetto.
   Caricato con <link rel="stylesheet" href="/olia-chrome.css">.
   ───────────────────────────────────────────────────────────── */

/* pillola sul gruppo link (entrambe le generazioni di navbar) */
.olia-nav__links,
.navbar .nav-links,
#navbar .nav-links {
  background: rgba(199, 205, 212, 0.08);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid rgba(199, 205, 212, 0.12);
  border-radius: 999px;
  padding: 0.7rem clamp(20px, 2.2vw, 34px);
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
}

/* voci tutte bianche, mono maiuscolo come sul sito */
.olia-nav__link,
.olia-nav__link--gold,
.navbar .nav-links a,
#navbar .nav-links a {
  color: #f3f5f7 !important;
  opacity: 0.9;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  transition: opacity 0.25s;
  white-space: nowrap;
}
.olia-nav__link:hover,
.navbar .nav-links a:hover,
#navbar .nav-links a:hover {
  color: #f3f5f7 !important;
  opacity: 1;
}

/* la CTA resta un bottone, fuori dal tono delle voci */
.navbar .nav-links a.nav-cta,
#navbar .nav-links a.nav-cta {
  border: 1px solid rgba(199, 205, 212, 0.35);
  border-radius: 8px;
  padding: 0.45em 1.1em;
  background: rgba(199, 205, 212, 0.1);
}

/* menu mobile: voci bianche */
.olia-mm-link,
.olia-mm-link--gold,
.mobile-menu a {
  color: #f3f5f7 !important;
}
.mobile-menu a.btn-gold {
  color: #08090b !important;
}

/* barre trasparenti: la pillola fa da sfondo */
.navbar,
#navbar {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  .olia-nav__links,
  .navbar .nav-links,
  #navbar .nav-links {
    display: none;
  }
}

/* ── footer unico del sito (olia-foot) ── */
.olia-foot { position: relative; z-index: 1; background: #08090b; color: #c7cdd4;
  border-top: 1px solid rgba(199,205,212,.14);
  padding: clamp(48px,8vh,90px) clamp(20px,5vw,80px) clamp(32px,5vh,50px);
  font-family: 'Manrope', system-ui, sans-serif; }
.olia-foot__inner { max-width: 1400px; margin: 0 auto; display: grid;
  grid-template-columns: 1.5fr repeat(5, 1fr); gap: clamp(16px,2.6vw,40px); align-items: start; }
.olia-foot__logo { height: 40px; width: auto; display: block; margin-bottom: .4rem; }
.olia-foot__col p.olia-foot__tagline { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 500;
  font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: #8b9099;
  line-height: 1.5; margin: .2rem 0 0; max-width: 36ch; }
.olia-foot__col h4 { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 500;
  font-size: .72rem; letter-spacing: .18em; color: #2f54e0; margin: 0 0 .6rem; }
.olia-foot__link { color: inherit; text-decoration: none; opacity: .9;
  transition: color .2s ease, opacity .2s ease; }
.olia-foot__link:hover { color: #f3f5f7; opacity: 1; }
.olia-foot__link--gold { color: #c9a227; opacity: 1; }
.olia-foot__link--gold:hover { color: #f3f5f7; }
.olia-foot__col p { font-size: .92rem; color: #8b9099; line-height: 1.8; margin: 0; }
.olia-foot__col .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; color: #2f54e0; }
.olia-soc { display: flex; align-items: center; gap: 14px; margin-top: 1rem; }
.olia-soc__link { display: inline-flex; line-height: 0; opacity: .9;
  transition: opacity .2s ease, transform .2s ease; }
.olia-soc__link:hover { opacity: 1; transform: translateY(-2px); }
.olia-foot__bottom { max-width: 1400px; margin: clamp(32px,6vh,60px) auto 0; padding-top: 1.4rem;
  border-top: 1px solid rgba(199,205,212,.14); font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .7rem; letter-spacing: .1em; color: #8b9099; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between; gap: .6rem 1.2rem; }
.olia-foot__legal { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; }
.olia-foot__legal a { color: #8b9099; text-decoration: none; transition: color .2s ease; }
.olia-foot__legal a:hover { color: #2f54e0; }
/* mobile come la home: due colonne, marchio a tutta larghezza */
@media (max-width: 1100px) { .olia-foot__inner { grid-template-columns: repeat(3, 1fr); row-gap: 28px; }
  .olia-foot__inner > .olia-foot__col:first-child { grid-column: 1 / -1; } }
@media (max-width: 820px) { .olia-foot__inner { grid-template-columns: 1fr 1fr; row-gap: 28px; }
  .olia-foot__inner > .olia-foot__col:first-child { grid-column: 1 / -1; } }

.olia-foot__link--verde { display: inline-block; color: #3ddc84; opacity: 1; border: 1px solid rgba(61,220,132,.7); background: rgba(61,220,132,.08); border-radius: 2px; padding: .55em 1em; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; white-space: nowrap; }
.olia-foot__link--verde:hover { color: #7cf0ad; background: rgba(61,220,132,.2); }
.olia-nav__azioni { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: 10px; }
.olia-nav__risorse { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 500; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; color: #3ddc84; background: rgba(61,220,132,.08); border: 1px solid rgba(61,220,132,.7); border-radius: 2px; padding: .7em 1.2em; text-decoration: none; transition: background .3s ease, color .3s ease; }
.olia-nav__risorse:hover { background: rgba(61,220,132,.2); color: #7cf0ad; }
.olia-mm-nav .olia-mm-link--verde, .olia-mm-link--verde { color: #3ddc84; opacity: 1; border: 1px solid rgba(61,220,132,.7); background: rgba(61,220,132,.08); border-radius: 4px; padding: .45em 1em; font-size: clamp(1.1rem, 5vw, 1.5rem); }
.olia-mm-nav .olia-mm-link--verde:hover { color: #7cf0ad; background: rgba(61,220,132,.2); }
@media (max-width: 820px) {
  .olia-nav__azioni { display: flex; grid-column: 2; justify-self: center; transition: opacity .3s ease, transform .3s ease, visibility .3s; }
  .olia-nav__risorse { font-size: .6rem; letter-spacing: .1em; padding: .55em .85em; }
  .olia-nav.is-solid .olia-nav__azioni, body:has(.olia-mm-btn.is-open) .olia-nav__azioni { opacity: 0; visibility: hidden; transform: translateY(-6px); } }
@media (max-width: 360px) { .olia-nav__risorse { letter-spacing: .06em; padding: .5em .7em; } }