/* =========================================================================
   Espace Confiance & transparence, identite discrete basee sur les tokens
   HomeGuarde existants (--hg-*). Pas de nouveau design system : uniquement
   des compositions nouvelles des memes couleurs, radius, ombres, espacements.
   ========================================================================= */

.hg-trust-hero { max-width: 760px; }

/* Accent propre a la rubrique confiance : une bordure coloree, pas le marqueur jaune
   des fiches produit (signature visuelle differente, volontairement). Titres de section
   plus discrets que le H1 de la page. */
.hg-trust-legal h2, .hg-trust-hub__group h2 {
	padding-left: var(--hg-space-3); border-left: 3px solid var(--hg-yellow-dark);
}
.hg-trust-callout h2 { font-size: 1.3rem; }
.hg-trust-hero .hg-eyebrow { color: var(--hg-yellow-dark); }
.hg-trust-hero .hg-h1 { margin: 0 0 var(--hg-space-3); }
.hg-trust-hero__intro { font-size: 1.05rem; line-height: 1.6; color: var(--hg-muted); margin: 0; }

/* --- Navigation secondaire de rubrique --- */

.hg-trust-nav { margin: var(--hg-space-6) 0 var(--hg-space-7); border-top: 1px solid var(--hg-border); border-bottom: 1px solid var(--hg-border); }
.hg-trust-nav__toggle {
	display: none; width: 100%; align-items: center; justify-content: space-between;
	padding: var(--hg-space-3) 0; background: none; border: none; cursor: pointer;
	font-size: var(--hg-fs-sm); font-weight: 700; color: var(--hg-ink);
}
.hg-trust-nav__toggle .hg-icon { transition: transform .2s ease; }
.hg-trust-nav__toggle[aria-expanded="true"] .hg-icon { transform: rotate(180deg); }
.hg-trust-nav__list { display: flex; flex-wrap: wrap; gap: var(--hg-space-2); list-style: none; margin: 0; padding: var(--hg-space-3) 0; }
.hg-trust-nav__list a {
	display: inline-block; padding: 7px 14px; border-radius: 999px; font-size: var(--hg-fs-sm);
	font-weight: 600; color: var(--hg-text); text-decoration: none; border: 1px solid transparent;
	transition: background .15s ease, border-color .15s ease;
}
.hg-trust-nav__list a:hover { background: var(--hg-surface-alt); }
.hg-trust-nav__list a.is-active { background: var(--hg-ink); color: #fff; }

@media (max-width: 700px) {
	.hg-trust-nav__toggle { display: flex; }
	.hg-trust-nav__list { display: none; padding-bottom: var(--hg-space-4); }
	.hg-trust-nav__list.is-open { display: flex; }
}

/* --- Points editoriaux (page A propos) : delibermment different du grid de cartes
   utilise sur le hub Confiance & transparence, pour que les deux pages ne se ressemblent pas. */

.hg-story-points { display: grid; gap: 0; margin: var(--hg-space-7) 0; }
.hg-story-point {
	display: grid; grid-template-columns: auto 1fr; gap: var(--hg-space-5); align-items: flex-start;
	padding: var(--hg-space-5) 0; border-top: 1px solid var(--hg-border);
}
.hg-story-point:last-child { border-bottom: 1px solid var(--hg-border); }
.hg-story-point__icon {
	display: grid; place-items: center; width: 56px; height: 56px; flex: none;
	border-radius: 50%; background: var(--hg-ink); color: var(--hg-yellow);
}
.hg-story-point h3 { font-family: var(--hg-font-heading); font-size: 1.3rem; margin: 0 0 6px; color: var(--hg-ink); }
.hg-story-point p { margin: 0; color: var(--hg-muted); line-height: 1.6; max-width: 62ch; }

@media (max-width: 560px) {
	.hg-story-point { grid-template-columns: 1fr; }
	.hg-story-point__icon { margin-bottom: 4px; }
}

/* --- Trois engagements --- */

.hg-trust-engagements { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--hg-space-5); margin: var(--hg-space-6) 0; }
.hg-trust-card { padding: var(--hg-space-5); background: var(--hg-ink); border: 1px solid var(--hg-ink); border-radius: var(--hg-radius-lg); }
.hg-trust-card__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-bottom: var(--hg-space-3); border-radius: var(--hg-radius); background: var(--hg-yellow); color: #14161A; }
.hg-trust-card h3 { font-size: var(--hg-fs-h3); font-weight: 700; margin: 0 0 6px; color: var(--hg-yellow); }
.hg-trust-card p { font-size: var(--hg-fs-sm); color: #B9C0C9; line-height: 1.55; margin: 0; }

/* --- L'essentiel en 30 secondes --- */

.hg-trust-callout { margin: var(--hg-space-7) 0; padding: var(--hg-space-5) var(--hg-space-6); background: var(--hg-surface); border: 1px solid var(--hg-border); border-left: 4px solid var(--hg-yellow); border-radius: var(--hg-radius-lg); box-shadow: var(--hg-shadow); }
.hg-trust-callout h2 { margin: 0 0 var(--hg-space-3); }
.hg-trust-callout .hg-list-check { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 4px var(--hg-space-5); }

/* --- Hub : trois groupes --- */

.hg-trust-hub { margin: var(--hg-space-8) 0; display: grid; gap: var(--hg-space-7); }
.hg-trust-hub__group h2 { margin-bottom: var(--hg-space-4); }

.hg-trust-destinations { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--hg-space-5); position: relative; }
.hg-trust-destinations::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 34px; height: 34px;
	transform: translate(-50%, -50%) rotate(45deg);
	background: var(--hg-yellow); border-radius: 8px; z-index: 1;
	display: none;
}
@media (min-width: 641px) {
	.hg-trust-destinations::after { display: block; }
}
.hg-trust-destination {
	padding: var(--hg-space-5); background: var(--hg-ink); color: #fff; border-radius: var(--hg-radius-lg);
	display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
@media (hover: hover) {
	.hg-trust-destinations:hover .hg-trust-destination:hover { transform: translateY(-4px); box-shadow: var(--hg-shadow-lg); filter: none; }
	.hg-trust-destinations:hover .hg-trust-destination:not(:hover) { filter: grayscale(.6) brightness(.92); }
}
.hg-trust-destination h3 { color: #fff; font-size: var(--hg-fs-h3); margin: 0 0 var(--hg-space-2); }
.hg-trust-destination p { color: #B9C0C9; font-size: var(--hg-fs-sm); line-height: 1.6; margin: 0 0 var(--hg-space-4); flex: 1; }
.hg-trust-destination .hg-link-arrow { color: var(--hg-yellow); }
.hg-trust-destination--secondary { background: var(--hg-surface-alt); color: var(--hg-text); border: 1px solid var(--hg-border); }
.hg-trust-destination--secondary h3 { color: var(--hg-ink); }
.hg-trust-destination--secondary p { color: var(--hg-muted); }
.hg-trust-destination--secondary .hg-link-arrow { color: var(--hg-ink); }
.hg-trust-destinations::after { box-shadow: var(--hg-shadow); }

.hg-trust-pro-banner {
	padding: var(--hg-space-6); border-radius: var(--hg-radius-lg);
	background: var(--hg-surface-alt); border: 1px dashed var(--hg-border-strong);
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--hg-space-5);
}
.hg-trust-pro-banner__text h2 { margin: 0 0 6px; }
.hg-trust-pro-banner__text p { margin: 0; color: var(--hg-muted); max-width: 60ch; }
.hg-trust-pro-banner ul.hg-list-check { margin: var(--hg-space-3) 0 0; }

.hg-trust-method-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--hg-space-4); margin: var(--hg-space-4) 0; }
.hg-trust-method-card { padding: var(--hg-space-4); background: var(--hg-surface-alt); border: 1px solid var(--hg-border); border-radius: var(--hg-radius-lg); }
.hg-trust-method-card__icon { display: inline-grid; place-items: center; width: 36px; height: 36px; margin-bottom: var(--hg-space-2); border-radius: 50%; background: var(--hg-success-soft); color: var(--hg-success); }
.hg-trust-method-card strong { display: block; font-size: var(--hg-fs-sm); color: var(--hg-ink); margin-bottom: 4px; }
.hg-trust-method-card p { margin: 0; font-size: var(--hg-fs-sm); color: var(--hg-muted); line-height: 1.55; }

.hg-trust-legal-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--hg-space-3); }
.hg-trust-legal-list a {
	display: flex; flex-direction: column; gap: 2px; padding: var(--hg-space-4);
	background: var(--hg-surface); border: 1px solid var(--hg-border); border-radius: var(--hg-radius);
	text-decoration: none; color: inherit; transition: border-color .15s ease;
}
.hg-trust-legal-list a:hover { border-color: var(--hg-ink); }
.hg-trust-legal-list strong { font-size: var(--hg-fs-sm); color: var(--hg-ink); }
.hg-trust-legal-list span { font-size: var(--hg-fs-xs); color: var(--hg-muted); }

/* --- Schemas simples (flux de vente, remuneration) --- */

.hg-trust-schema { display: block; max-width: 100%; height: auto; margin: var(--hg-space-6) auto; border-radius: var(--hg-radius-lg); }

/* --- Etapes claires (marques & professionnels) --- */

.hg-trust-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--hg-space-5); margin: var(--hg-space-5) 0; padding: 0; counter-reset: hg-trust-step; }
.hg-trust-steps li { list-style: none; padding-top: var(--hg-space-3); border-top: 3px solid var(--hg-yellow); }
.hg-trust-steps li strong { display: block; font-size: var(--hg-fs-h3); margin-bottom: 4px; }
.hg-trust-steps li span { color: var(--hg-muted); font-size: var(--hg-fs-sm); }

/* --- Pages juridiques : largeur de lecture, sommaire --- */

.hg-trust-legal { max-width: var(--hg-container-narrow); }
.hg-trust-legal h2 { margin-top: var(--hg-space-7); }
.hg-trust-legal h3 { margin-top: var(--hg-space-5); }
.hg-trust-legal p, .hg-trust-legal li { line-height: 1.7; }
.hg-trust-legal table { width: 100%; border-collapse: collapse; margin: var(--hg-space-4) 0; font-size: var(--hg-fs-sm); }
.hg-trust-legal table th, .hg-trust-legal table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--hg-border); vertical-align: top; }
.hg-trust-legal table th { background: var(--hg-surface-alt); font-weight: 700; }

.hg-trust-toc { padding: var(--hg-space-4) var(--hg-space-5); background: var(--hg-surface-alt); border-radius: var(--hg-radius-lg); margin-bottom: var(--hg-space-6); }
.hg-trust-toc p { margin: 0 0 8px; font-weight: 700; font-size: var(--hg-fs-sm); }
.hg-trust-toc ol { margin: 0; padding-left: 1.2em; columns: 2; column-gap: var(--hg-space-5); }
.hg-trust-toc li { font-size: var(--hg-fs-sm); margin-bottom: 4px; }
.hg-trust-toc a { color: var(--hg-text); }

@media (max-width: 600px) {
	.hg-trust-toc ol { columns: 1; }
}

/* --- Rappel discret sur les pages de resultats (archives) --- */

.hg-trust-listing-note {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
	margin-bottom: var(--hg-space-4); padding: 10px 14px;
	background: var(--hg-surface-alt); border-radius: var(--hg-radius);
	font-size: var(--hg-fs-xs); color: var(--hg-muted);
}
.hg-trust-listing-note a { color: var(--hg-ink); font-weight: 600; }
.hg-trust-listing-note .hg-trust-listing-note__sep { color: var(--hg-border-strong); }

/* --- Sortie du shortcode Complianz : neutraliser ses balises de titre --- */
#cmplz-cookies-overview h3, #cmplz-cookies-overview h4, #cmplz-cookies-overview h5 {
	font-family: var(--hg-font); font-size: var(--hg-fs-sm); font-weight: 700;
	color: var(--hg-ink); margin: 0 0 4px; text-transform: none; letter-spacing: normal;
}
#cmplz-cookies-overview .cmplz-service-header h3 { font-size: var(--hg-fs-body); }
#cmplz-cookies-overview p { font-size: var(--hg-fs-sm); color: var(--hg-muted); }
#cmplz-manage-consent-container-nojavascript { display: none; }