/* ---------- secțiuni: ritm amplu, specific teamretreat (§2.2.3) ---------- */
.section{padding-block:var(--spacing-section)}
.section-sm{padding-block:var(--spacing-section-sm)}
.section-white{background:var(--white)}
.section-paper{background:var(--paper)}
.section-ink{background:var(--navy-deep);color:rgba(255,255,255,.86)}
.section-ink h2,.section-ink h3{color:#fff}
.section-ink p{color:rgba(255,255,255,.72)}

/* ---------- header ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background var(--duration-slow) ease-out,border-color var(--duration-slow) ease-out,
             box-shadow var(--duration-slow) ease-out;
}
.nav.scrolled{
  background:rgba(247,249,252,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom-color:var(--line);box-shadow:0 4px 24px rgba(22,40,60,.06);
}
/* pagini fără hero-foto full-bleed: fundalul e opac din start (fără văl transparent) */
.nav.solid{background:rgba(247,249,252,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{
  width:38px;height:38px;border-radius:var(--radius-sm);background:var(--navy);
  display:grid;place-items:center;flex:none;
}
.logo-mark svg{width:22px;height:22px}
.logo-text{display:flex;align-items:baseline;gap:5px}
.logo-team{font-family:var(--font-display), 'Oswald Fallback', sans-serif;font-weight:600;color:var(--navy);font-size:1.25rem}
.logo-retreat{font-family:var(--font-body), sans-serif;font-weight:600;color:var(--ink);font-size:1.02rem}
.nav.on-photo:not(.scrolled) .logo-team{color:#fff}
.nav.on-photo:not(.scrolled) .logo-retreat{color:#fff}

.nav-links{display:flex;align-items:center;gap:26px;list-style:none}
.nav-links a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--slate)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--navy)}
.nav.on-photo:not(.scrolled) .nav-links a{color:rgba(255,255,255,.88)}
.nav.on-photo:not(.scrolled) .nav-links a:hover,
.nav.on-photo:not(.scrolled) .nav-links a[aria-current="page"]{color:#fff}
.nav-right{display:flex;align-items:center;gap:18px}
.lang-switch{display:flex;gap:6px;font-size:.82rem;font-weight:600;color:var(--slate)}
.lang-switch a{text-decoration:none;color:inherit;padding:2px 4px}
.lang-switch a[aria-current="true"]{color:var(--navy);text-decoration:underline}
.nav.on-photo:not(.scrolled) .lang-switch{color:rgba(255,255,255,.75)}
.nav.on-photo:not(.scrolled) .lang-switch a[aria-current="true"]{color:#fff}
.nav .btn{padding:11px 20px;font-size:.9rem}
.nav-cta-desktop{white-space:nowrap}

.nav-toggle{
  display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle span{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.nav.on-photo:not(.scrolled) .nav-toggle span{background:#fff}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-links .mobile-cta{display:none}

@media (max-width:860px){
  .nav-links{
    position:fixed;inset:80px 0 auto 0;background:var(--white);flex-direction:column;
    align-items:stretch;gap:0;padding:12px 24px 24px;border-bottom:1px solid var(--line);
    transform:translateY(-16px);opacity:0;visibility:hidden;
    transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s;
  }
  .nav-links.open{
    transform:translateY(0);opacity:1;visibility:visible;
    transition:transform .25s ease,opacity .25s ease,visibility 0s;
  }
  .nav-links a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink)}
  .nav-links .mobile-cta{display:block;margin-top:16px}
  .nav-links .mobile-cta .btn{width:100%}
  .nav-cta-desktop{display:none}
  .nav-toggle{display:flex}

  /* The open mobile panel always has a solid white background — its link text
     must stay ink-colored even when the header itself is in on-photo/transparent
     mode (matches the on-photo selector's specificity + .open, so it always wins). */
  .nav.on-photo:not(.scrolled) .nav-links.open a{color:var(--ink)}
  .nav.on-photo:not(.scrolled) .nav-links.open a:hover,
  .nav.on-photo:not(.scrolled) .nav-links.open a[aria-current="page"]{color:var(--navy)}
}

/* ---------- footer ---------- */
footer{background:var(--navy-deep);color:rgba(255,255,255,.75);padding:72px 0 36px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-grid h2{
  font-family:var(--font-body), sans-serif;color:#fff;font-size:.8rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;
}
.footer-grid ul{list-style:none;display:grid;gap:10px}
.footer-grid a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.92rem}
.footer-grid a:hover{color:#fff}
.footer-brand p{font-size:.9rem;margin-top:16px;max-width:34ch;color:rgba(255,255,255,.7)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);padding-top:28px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;
}
.footer-bottom a{color:rgba(255,255,255,.75)}

@media (max-width:640px){
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* ---------- barba container ---------- */
[data-barba="container"]{min-height:60vh}