/* Outbox · header și footer comune: aceleași reguli pe index și pe toate paginile.
   Se încarcă după stilurile paginii, ca să aibă ultimul cuvânt. */

/* bara de sus arată la fel indiferent de ce e sub ea (hero deschis sau închis) */
nav { background: rgba(10, 24, 54, 0.97); }
nav.scrolled { background: rgba(8, 20, 46, 0.97); }

/* titluri pe rânduri echilibrate, paragrafe fără cuvinte rămase singure pe ultimul rând */
h1, h2, h3, .sh { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* contrast lizibil în subsol */
.footer-col h4 { color: rgba(255,255,255,0.55); }
.footer-col ul li a, .footer-contact a, .footer-contact span { color: rgba(255,255,255,0.62); }
.footer-copy { color: rgba(255,255,255,0.5); }

/* ─── MOBIL: subsol compact ─────────────────────────────── */
@media (max-width: 640px) {
    footer { padding: 44px 20px 26px; }
    .footer-top { grid-template-columns: 1fr 1fr; gap: 26px 16px; padding-bottom: 22px; }
    .footer-brand { grid-column: 1 / -1; }
    .footer-logo { font-size: 20px; margin-bottom: 8px; }
    .footer-brand p { font-size: 13.5px; line-height: 1.6; max-width: none; }
    .footer-contact { margin-top: 10px; flex-direction: row; flex-wrap: wrap; gap: 0 20px; }
    .footer-contact a { display: inline-block; padding: 8px 0; font-size: 14px; }
    .footer-contact span { flex-basis: 100%; font-size: 13.5px; }
    .footer-col h4 { margin-bottom: 4px; }
    .footer-col ul { gap: 0; }
    .footer-col ul li a { display: block; padding: 8px 0; font-size: 14px; }
    .footer-bottom { flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 16px; }
    .footer-copy { font-size: 12.5px; }
    .footer-legal { gap: 0 16px; }
    .footer-legal a, .footer-legal button { padding: 7px 0; font-size: 12.5px; }
    /* butonul din banda CTA de pe prima pagină: la fel de lat ca pe celelalte pagini */
    .cta-band .btn-white { width: 100%; justify-content: center; }
}