/**
 * Pages éditoriales : Comment ça fonctionne, Questions fréquentes, À propos,
 * Contact (refonte du 18/10/2026).
 *
 * S'appuie sur home-sections.css et commercial-pages.css (jetons A+, sections,
 * frise, listes, lignes de repères, FAQ, CTA final). Filets fins, pas de carte
 * arrondie ni d'effet de verre ni d'animation décorative.
 */

/* Hero compact */
.vg-ed-hero .vg-hero-c__wrap { padding-bottom: 64px; }
.vg-ed-hero__main { margin-top: 44px; }
.vg-ed-hero h1 { max-width: 22ch; }
.vg-ed-hero .vg-hero-c__lead { max-width: 58ch; }

/* Liens placés dans les textes */
.vg-defines .vg-link { margin-top: 14px; }
.vg-note .vg-link { margin-left: 4px; }
.vg-rows--links dd { font-size: 17px; font-weight: 400; color: var(--vg-ink-2); }
.vg-rows--links dd .vg-link { display: flex; margin-top: 2px; }
.vg-rows--legal dd .vg-inline { display: inline-flex; align-items: center; min-height: 44px; margin-left: 12px; }

/* Contact : canaux */
.vg-channels { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; margin: 0; padding: 0; list-style: none; }
.vg-channels li { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 26px 0 30px; border-top: 1px solid var(--vg-line-l); }
.vg-channels h3 { margin: 0; font-size: 13px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--vg-ink-3); }
.vg-channels__big { display: inline-flex; align-items: center; min-height: 52px; font-family: var(--vg-font-display); font-size: 44px; line-height: 1.1; color: var(--vg-ink); text-decoration: underline; text-decoration-color: var(--vg-blue); text-decoration-thickness: 1px; text-underline-offset: 8px; }
.vg-channels__big:hover { color: var(--vg-blue); }
.vg-channels__mail { display: inline-flex; align-items: center; min-height: 48px; font-size: 22px; font-weight: 500; color: var(--vg-ink); text-underline-offset: 6px; text-decoration-color: var(--vg-blue); overflow-wrap: anywhere; }
.vg-channels__mail:hover { color: var(--vg-blue); }
.vg-channels p { margin: 0; font-size: 16.5px; color: var(--vg-ink-2); }
.vg-channels .vg-btn { align-self: flex-start; }

/* FAQ : navigation par thèmes + groupes */
.vg-faqpage .vg-split { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: 72px; }
.vg-faq-nav { position: sticky; top: 24px; }
.vg-faq-nav ul { margin: 14px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--vg-line-l); }
.vg-faq-nav li { border-bottom: 1px solid var(--vg-line-l); }
.vg-faq-nav a { display: flex; align-items: center; min-height: 48px; font-size: 16.5px; font-weight: 500; color: var(--vg-ink); text-decoration: none; }
.vg-faq-nav a:hover { color: var(--vg-blue); }
.vg-faq-group { scroll-margin-top: 24px; }
.vg-faq-group + .vg-faq-group { margin-top: 64px; }
.vg-faq-group__title { margin: 0 0 20px; font-family: var(--vg-font-display); font-size: 38px; font-weight: 400; line-height: 1.1; color: var(--vg-ink); }

/* Pas de barre d'estimation mobile sur ces pages (son action est reprise par les CTA de la page). */
.vg-editorial-page .mobile-cta-bar { display: none !important; }

@media (max-width: 1199px) {
	.vg-ed-hero .vg-hero-c__wrap { padding-bottom: 56px; }
	.vg-faqpage .vg-split { gap: 48px; }
	.vg-channels__big { font-size: 38px; }
}

@media (max-width: 1023px) {
	.vg-faqpage .vg-split { grid-template-columns: 1fr; gap: 28px; }
	.vg-faq-nav { position: static; }
	.vg-faq-nav ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
}

@media (max-width: 767px) {
	.vg-ed-hero .vg-hero-c__wrap { padding-bottom: 32px; }
	.vg-ed-hero__main { margin-top: 10px; }
	.vg-channels { grid-template-columns: 1fr; }
	.vg-channels li { padding: 16px 0 18px; gap: 6px; }
	.vg-channels__big { font-size: 34px; min-height: 48px; }
	.vg-channels p { font-size: 15.5px; }
	.vg-channels .vg-btn { align-self: stretch; }
	.vg-defines .vg-link { margin-top: 8px; }
	.vg-rows--links dd { font-size: 16px; }
	.vg-rows--legal dd .vg-inline { margin-left: 0; display: flex; }
	.vg-faq-nav ul { grid-template-columns: 1fr 1fr; column-gap: 16px; }
	.vg-faq-nav a { min-height: 44px; font-size: 15.5px; line-height: 1.3; }
	.vg-faq-group + .vg-faq-group { margin-top: 36px; }
	.vg-faq-group__title { margin-bottom: 8px; font-size: 29px; }
	.vg-ed .vg-faq .faq-item summary { padding: 14px 0; font-size: 16.5px; line-height: 1.35; }
	.vg-ed .vg-faq .faq-item > div { padding-bottom: 16px; }
	.vg-ed .vg-faq .faq-item p { font-size: 15.5px; }
}

@media (max-width: 640px) {
	.vg-editorial-page .site-footer { padding-bottom: 32px; }
	.vg-editorial-page:has(#ventigo-cookie-banner.is-visible) .site-footer { padding-bottom: 216px; }
}