/* ========================================================= LEGAL — paginile secundare (termeni, confidențialitate, cookie-uri, mulțumim) Ordinea din : reset → variables → main → legal ========================================================= */ .legal { max-inline-size: var(--w-letter); margin-inline: auto; padding-block: var(--footer-info-pad) calc(var(--footer-info-pad) * 2); padding-inline: var(--gutter); font-family: var(--f-letter); font-size: var(--t-contact); line-height: 1.7; color: var(--c-brown-head); } .legal__back { display: inline-block; margin-block-end: var(--footer-info-pad); font-family: var(--f-ui); font-size: var(--t-small); letter-spacing: var(--ls-wide); text-transform: uppercase; color: var(--c-brick); text-decoration: underline; text-underline-offset: 0.2em; } .legal__seal { display: block; inline-size: var(--seal-w-sm); aspect-ratio: 643 / 640; margin-block-end: var(--footer-info-pad); background: var(--c-brick); -webkit-mask: url("../assets/svg/logo-seal.svg") center / contain no-repeat; mask: url("../assets/svg/logo-seal.svg") center / contain no-repeat; } .legal h1 { font-family: var(--f-display); font-size: var(--t-voievod); font-weight: normal; line-height: 1.15; letter-spacing: var(--ls-icon); text-transform: uppercase; color: var(--c-brick); } .legal h2 { margin-block-start: calc(var(--p-gap) * 1.5); font-family: var(--f-letter); font-size: var(--t-caps); font-weight: normal; letter-spacing: var(--ls-wide); text-transform: uppercase; color: var(--c-brick); } .legal p, .legal ul { margin-block-start: var(--p-gap); } .legal ul { list-style: disc; padding-inline-start: 1.2em; } .legal li + li { margin-block-start: 0.4em; } .legal a { color: var(--c-brown-head); text-decoration: underline; text-underline-offset: 0.2em; } .legal__updated { font-family: var(--f-ui); font-size: var(--t-small); letter-spacing: 0.04em; } .legal .btn { margin-block-start: var(--footer-info-pad); } .legal--center { text-align: center; } .legal--center .legal__seal { margin-inline: auto; } /* ---------- 404.html: hero-ul site-ului, cu gravura mănăstirii la final ---------- */ .hero--error { min-block-size: 100svh; justify-content: center; padding-block-end: var(--hero-pad-top); } .hero--error .hero__seal { display: block; } .hero--error .hero__seal:focus-visible { outline: 3px solid var(--c-brick); outline-offset: 6px; border-radius: 50%; } .error__code { margin-block-start: var(--hero-gap-lead); font-family: var(--f-ui); font-size: var(--t-section-label); letter-spacing: var(--ls-caps); text-indent: var(--ls-caps); text-transform: uppercase; color: var(--c-brown-head); } .hero--error .hero__title { margin-block-start: calc(var(--hero-gap-lead) / 2); } .error__engraving { inline-size: min(60%, 34rem); /* ~545px la 1440 */ block-size: auto; margin-block-start: var(--hero-gap-h1); opacity: 0.9; }