/* Cadrul comun al site-ului si al contului (29.10.2026, Adrian: un singur loc de adevar): subsolul si meniul
   de sus. Il incarca tema (functions.php, inaintea style.css) si fiecare pagina /cont (direct din tema, prin
   adresa /wp-json/ysb-site/v1/cadru). Culorile: Manualul de identitate v2.0, p. 13; tonul #1C3256 e cel al
   supergraficului, folosit aici doar pentru liniile de pe bleumarin. */

/* Subsolul: bleumarin implicit (sigla inversata); alb cu .subsol-alb pe un stramos (sigla color) sau, cu
   .subsol-auto, dupa tema dispozitivului. Variabilele tin toate diferentele intr-un singur loc. */
.subsol {
	--s-fond: #132545; --s-text: #B8C2D3; --s-titlu: #FFFFFF; --s-linie: #1C3256; --s-pictograma: #B8C2D3; --s-pictograma-linie: #1C3256;
	--s-sigla-bleumarin: block; --s-sigla-alb: none;
}
.subsol-alb .subsol {
	--s-fond: #FFFFFF; --s-text: #5B6778; --s-titlu: #132545; --s-linie: #B8C2D3; --s-pictograma: #132545; --s-pictograma-linie: #B8C2D3;
	--s-sigla-bleumarin: none; --s-sigla-alb: block;
}
@media (prefers-color-scheme: light) {
	.subsol-auto .subsol {
		--s-fond: #FFFFFF; --s-text: #5B6778; --s-titlu: #132545; --s-linie: #B8C2D3; --s-pictograma: #132545; --s-pictograma-linie: #B8C2D3;
		--s-sigla-bleumarin: none; --s-sigla-alb: block;
	}
}
.subsol { background: var(--s-fond); color: var(--s-text); font-family: Inter, sans-serif; font-size: 15px; line-height: 1.6; padding: 80px 0 40px; border-top: 1px solid var(--s-linie); margin: 0; }
.subsol-grila, .subsol-legal { max-width: 1200px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
.subsol-grila { display: grid; grid-template-columns: 1.6fr 1fr 1.2fr 1.3fr; gap: 40px; }
.subsol-marca img { height: 44px; width: auto; margin-bottom: 24px; }
.subsol .sigla-pe-bleumarin { display: var(--s-sigla-bleumarin); }
.subsol .sigla-pe-alb { display: var(--s-sigla-alb); }
.subsol-marca p { max-width: 34ch; margin: 0; color: var(--s-text); font-size: 15px; }
.subsol h2 { font-family: Inter, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--s-titlu); margin: 0 0 16px; line-height: 1.4; }
.subsol ul { list-style: none; margin: 0; padding: 0; }
.subsol li { margin: 0 0 10px; }
.subsol a { color: var(--s-text); text-decoration: none; font-weight: 400; }
.subsol a:hover { color: var(--s-titlu); text-decoration: underline; text-underline-offset: 4px; }
.subsol .fara-link { color: inherit; }
.subsol-legal { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--s-linie); font-size: 13px; }
.subsol-legal p { margin: 0 0 8px; max-width: 110ch; color: var(--s-text); }
.subsol .sociale { display: flex; gap: 12px; margin-top: 20px; }
.subsol .sociale li { margin: 0; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--s-pictograma-linie); border-radius: 50%; color: var(--s-pictograma); }
.subsol .ascuns { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 1080px) { .subsol-grila { grid-template-columns: 1fr 1fr; } }
@media (max-width: 781px) {
	.subsol-grila, .subsol-legal { padding: 0 16px; }
	.subsol-grila { grid-template-columns: 1fr; gap: 32px; }
}

/* Meniul site-ului in bara de sus a contului (site-ul isi randeaza meniul prin WordPress, cu style.css). */
.meniu-site { display: flex; gap: 28px; align-items: center; margin: 0 0 0 28px; font: 500 15px Inter, sans-serif; }
.meniu-site a { color: var(--navy, #132545); text-decoration: none; padding: 6px 0; }
.meniu-site a:hover { text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 1.5px; }
.meniu-site .fara-link { pointer-events: none; cursor: default; }
@media (max-width: 820px) { .meniu-site { display: none; } }