/* pages.css · the inner pages only (pentru-proprietari, cum-verificam-chiriasii, despre-noi, contact, confidentialitate, termeni).
   Loaded AFTER site.css. It reuses site.css (header, menu, hero, sections, FAQ, contact block, footer, call pair, 02 hats)
   and adds only what the inner pages need. Phone first; wider screens are min-width queries in em. */

/* the current page in the three navs */
.hdr__nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em;text-decoration-color:var(--brand)}
.menu__list a[aria-current="page"] > span:last-child{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.14em;text-decoration-color:var(--brand)}
.ftr__nav a[aria-current="page"]{text-decoration-thickness:3px;text-decoration-color:var(--brand)}

/* hero: H1 + lede + one button; its image slot runs full bleed under the button on phones, right column from 60em */
.hero--page{padding-bottom:0}
.hero__text > :last-child{margin-bottom:0}
.shot{margin:0}
.shot img{display:block;width:100%;height:auto}
.hero--page .shot{margin:32px calc(-1 * var(--pad)) 0}
/* pentru-proprietari: the home hero's composition (lab round 3, fix 1): the photo comes up into screen one */
@media (max-width:37.499em){.hero--offer.hero--page .shot{margin-top:16px}}
@media (min-width:60em){
.hero--page{padding-block:40px 96px}
.hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 64px;align-items:center}
.hero--page .shot{margin:0}
.hero--page .shot img{border-radius:16px}
}

/* inset image (inside a section): 16 px corners; on a paper field a 1 px keyline (SPEC-home-v3-images) */
.shot--inset{max-width:var(--text);margin-top:32px}
.shot--inset img{border-radius:16px}
.shot--line img{border:1px solid var(--line)}

/* the steps: numbered in Brygada, hairlines between (a list, not the home page's vignette timeline) */
.steps{max-width:var(--text);margin:0;padding:0;list-style:none;counter-reset:step}
.steps > li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:20px 0;border-top:1px solid var(--line)}
.steps > li:last-child{border-bottom:1px solid var(--line)}
.steps > li::before{counter-increment:step;content:counter(step);font:600 2.5rem/1 var(--font-head);color:var(--brand);font-variant-numeric:lining-nums}
.steps__head{margin:0 0 4px;font-weight:700;font-size:1.25rem;line-height:1.3}
.steps__text{margin:0}
.steps__more{margin:4px 0 0}
.note{max-width:var(--text);margin:24px 0 0;padding:4px 0 4px 16px;border-left:2px solid var(--brand)}
.sec__text + .sec__text{margin-top:0}
.vet-hats{max-width:var(--text);margin-top:32px}

/* PLACEHOLDERS for the copy team (copy v3): dashed, raspberry, impossible to mistake for copy */
.todo{display:block;max-width:var(--text);margin:0 0 16px;padding:12px 16px;border:2px dashed var(--brand);border-radius:8px;color:var(--brand);font:700 1rem/1.45 var(--font-text);letter-spacing:0;text-wrap:pretty}
h1.todo,h2.todo{font:600 1.5rem/1.25 var(--font-head)}
.todo--inline{display:inline-block;margin:0;padding:2px 8px}
.sec--ink .todo{border-color:#fff;color:#fff}
.todo-block{max-width:var(--text);margin-top:32px}
/* {PERIOADA}, {EMAIL}, {DATA}…: a value a human still has to decide (legal pages) */
.var{display:inline-block;padding:0 6px;border:1.5px dashed var(--brand);border-radius:4px;color:var(--brand);font-weight:700;line-height:1.35}

/* despre-noi: the letter (no photo box until a REAL photo of Alex + Bobo exists: design-verdict fix 6).
   The signature on 2 lines (the names in nw spans), clear of the mark (fix 7, the same values as the home letter). */
/* a name kept whole while it fits, wrapped inside only when it cannot (200 % text at 320 px): inline-block, not nowrap */
.keep{display:inline-block}
/* the H1 scales with the width so „Alexandru Dogaru și” shares a line (no lone „și”) from 320 px up; the rem floor keeps
   it growing with the reader's text size */
.hero--about h1{font-size:max(min(var(--fs-h1),9.2vw),1.75rem)}
.letter--page .letter__sign{align-items:flex-end}
.letter__mark{flex:none;width:auto;height:64px}
@media (max-width:44.99em){.letter--page{padding:28px 20px 24px}}

/* cum-verificam-chiriasii (design-verdict fix 13): a big numeral per step + the step's vignette beside it (the home page's
   .vig[data-play] markup and art; site.js fetches the animated art and plays the act) + the sample sheet as a paper card */
.cv-head{position:relative;max-width:var(--text)}
.cv-head + .sec__text,.cv-title + .sec__text{margin-top:0}
.sec__no{display:block;min-height:72px;margin-bottom:8px;font:600 clamp(4rem,3rem + 4vw,6rem)/.9 var(--font-head);color:var(--brand);font-variant-numeric:lining-nums}
.sec--ink .sec__no{color:#fff}
.cv-head .sec__title{padding-top:0}
.cv-head__art{position:absolute;top:0;right:0;width:72px;height:72px}
.sec--ink .cv-head__art{padding:4px;border-radius:12px;background:var(--paper)}
.sec__text + .cv-head,.sec__text + .cv-title,.vet-hats + .cv-head{margin-top:56px}
@media (min-width:60em){.cv-head__art{width:96px;height:96px}.sec__no{min-height:96px}}
.fisa{max-width:30rem;margin:8px 0 24px;padding:24px 20px;border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 2px 0 rgb(0 0 0/.25)}
.fisa__title{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--brand)}
.fisa ul{margin:0;padding:0;list-style:none}
.fisa li{padding:6px 0;line-height:1.45}
.fisa li + li{border-top:1px dashed var(--line)}

/* contact page: the contact block IS the hero */
.hero--contact .contact__actions{margin-bottom:0}

/* legal pages: one long, calm column */
.hero--legal{padding-bottom:16px}
.hero--legal h1{font-size:clamp(2.25rem,1.7rem + 2.4vw,3.5rem)}
.hero--legal .hero__lede{margin-bottom:0}
.legal{padding-block:24px var(--sec)}
.summary{max-width:40rem;margin:0 0 48px;padding:24px;background:var(--blush);border:1px solid var(--line);border-radius:16px}
.summary h2{margin:0 0 12px;font-size:1.375rem;line-height:1.2}
.summary ul{margin:0;padding-left:1.25em}
.summary li + li{margin-top:8px}
.prose{max-width:40rem}
.prose h2{margin:48px 0 12px;font-size:1.5rem;line-height:1.2;letter-spacing:0}
.prose h2:first-child{margin-top:0}
.prose ul{margin:0 0 1em;padding-left:1.25em}
.prose li{margin-bottom:.5em}
.prose address{margin:0 0 1em;font-style:normal}