/* pagina ghidului gratuit și secțiunea care trimite spre el din „pentru specialiști”.
   se încarcă prin câmpul `styles` din build/pages.js, după program.css, de la care ia accentele modulelor. */

/* coperta, ca un exemplar tipărit: umbră scurtă, fără colțuri rotunjite */
.ghid-cover {
    width: 100%;
    max-width: 380px;
    box-shadow: 0 1px 2px rgba(53, 70, 75, 0.12), 0 18px 40px -12px rgba(53, 70, 75, 0.35);
}
.split .split-media .ghid-cover { border-radius: 0; }
.ghid-hero .split-media { justify-self: center; }
/* titlurile de secțiune din blocurile de text ale acestor pagini au nevoie de aer până la primul paragraf */
.prose > h2 + :is(p, ul) { margin-top: 1rem; }
.ghid-meta {
    margin-top: 1.2rem;
    font-size: 0.82rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--clr-ink-soft);
}

/* cele trei părți ale ghidului, fiecare în accentul modulului ei */
.ghid-parts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: clamp(1rem, 2.4vw, 1.8rem);
    margin-top: 2.2rem;
}
/* benzile colorate au aceeași înălțime chiar dacă o întrebare trece pe al doilea rând: fiecare card împarte rândurile grilei */
.ghid-part { background: var(--clr-white); display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; }
.ghid-part-head { color: var(--clr-paper); padding: 1.1rem 1.4rem 1.2rem; }
.ghid-part--1 .ghid-part-head { background: var(--prg-1); }
.ghid-part--2 .ghid-part-head { background: var(--prg-2); }
.ghid-part--3 .ghid-part-head { background: var(--prg-3); }
.ghid-part-head .ghid-part-name { font-family: var(--font-display); font-weight: 600; font-size: 1.9rem; line-height: 1; color: var(--clr-paper); }
.ghid-part-head .ghid-part-question { font-family: var(--font-display); font-weight: 500; font-size: 1.2rem; line-height: 1.25; margin-top: 0.5rem; color: var(--clr-paper); }
.ghid-part p { padding: 1.2rem 1.4rem 1.4rem; font-size: 0.98rem; line-height: 1.65; }
.ghid-extras { margin-top: 2.2rem; max-width: 820px; }

/* câteva pagini din ghid, ca într-un teanc pe masă */
.ghid-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 3vw, 2.4rem);
    margin-top: 2.2rem;
}
.ghid-preview figure { margin: 0; }
.ghid-preview img {
    width: 100%;
    box-shadow: 0 1px 2px rgba(53, 70, 75, 0.12), 0 14px 30px -12px rgba(53, 70, 75, 0.32);
}
.ghid-zoom { display: block; cursor: zoom-in; }
.ghid-preview figcaption { margin-top: 0.9rem; font-size: 0.9rem; color: var(--clr-ink-soft); text-align: center; }

/* testimonialul de lângă formular, din programul care a precedat SUNT. LUCREZ. ÎNȚELEG. */
.ghid-quote { margin-top: 2.4rem; padding-top: 2rem; border-top: 1px solid var(--clr-mist-deep); }
.ghid-quote .quote-attribution a { color: inherit; }

/* formularul, pe alb, lângă textul care îl explică */
.ghid-form { background: var(--clr-white); padding: clamp(1.6rem, 3.4vw, 2.6rem); }
.ghid-form .check-row label a { color: var(--clr-teal-deep); }
.ghid-form button { margin-top: 0.4rem; }
.ghid-download { margin-top: 2rem; }

/* pagina mărită, deasupra paginii, pe fond ardezie */
.ghid-lightbox { border: 0; padding: 0; background: transparent; max-width: none; max-height: none; width: 100vw; height: 100vh; }
.ghid-lightbox::backdrop { background: rgba(53, 70, 75, 0.88); }
.ghid-lightbox-stage { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 4vh 72px; box-sizing: border-box; }
.ghid-lightbox img { max-width: 100%; max-height: 92vh; width: auto; height: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); }
.ghid-lightbox button { position: absolute; border: 0; background: rgba(251, 251, 250, 0.14); color: var(--clr-paper); width: 48px; height: 48px;
    border-radius: 50%; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.ghid-lightbox button:hover, .ghid-lightbox button:focus-visible { background: rgba(251, 251, 250, 0.28); }
.ghid-lightbox-close { top: 16px; right: 16px; }
.ghid-lightbox-prev { left: 12px; top: 50%; transform: translateY(-50%); }
.ghid-lightbox-next { right: 12px; top: 50%; transform: translateY(-50%); }
.ghid-program-head { min-height: 104px; }

/* pe telefon titlul vine primul, coperta sub buton și mai mică */
@media (max-width: 800px) {
    .ghid-hero .split .split-media { order: 0; }
    .ghid-cover { max-width: 260px; }
    .ghid-lightbox-stage { padding: 64px 8px; }
    .ghid-lightbox-prev, .ghid-lightbox-next { top: auto; bottom: 12px; transform: none; }
}
@media (max-width: 860px) {
    .ghid-parts { grid-template-columns: 1fr; }
    .ghid-preview { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; }
}