/* Only Networks – compléments à theme.json (charte VMG Ways) */

:where(.wp-site-blocks) *:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

/* En-tête collant, blanc, filet bas */
.on-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .on-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .on-header { top: 46px; } }
.on-header .wp-block-site-title a { color: var(--wp--preset--color--ink); text-decoration: none; letter-spacing: -0.03em; }
.on-header .wp-block-navigation a { color: var(--wp--preset--color--ink); text-decoration: none; }
.on-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

/* Libellé de section */
p.is-style-label {
	display: inline-flex; align-items: center; gap: 0.7rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.9rem; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase;
}
p.is-style-label::before { content: ""; width: 0.95rem; height: 0.95rem; background: currentColor; flex: none; }

/* Bouton chevron */
.wp-block-button.is-style-chevron .wp-block-button__link::after {
	content: ""; display: inline-block; width: 0.42em; height: 0.42em; margin-left: 0.7em;
	border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor;
	transform: translateY(-0.08em) rotate(45deg);
}
.wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid currentColor; background: transparent; }

/* Cartes */
.wp-block-group.is-style-card { background: var(--wp--preset--color--surface); border-radius: 5px; }
.on-tiles > * { min-height: 260px; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between; }
.on-tiles a { color: inherit; text-decoration: none; }
.on-tiles .wp-block-heading a::after { content: ""; position: absolute; inset: 0; }
.on-tiles > * { position: relative; }
.on-tiles > *:hover { outline: 1px solid var(--wp--preset--color--accent); }

/* Liste à filets */
.on-list { list-style: none; padding-left: 0; }
.on-list li { padding: 0.9rem 0; border-top: 1px solid var(--wp--preset--color--line); }
.on-list li:last-child { border-bottom: 1px solid var(--wp--preset--color--line); }
.has-dark-background-color .on-list li { border-color: rgba(255,255,255,0.16); }

/* Accordéon (+) */
.wp-block-details.is-style-plus { border-top: 1px solid var(--wp--preset--color--line); padding: 1.3rem 0; margin: 0; }
.wp-block-details.is-style-plus:last-of-type { border-bottom: 1px solid var(--wp--preset--color--line); }
.has-dark-background-color .wp-block-details.is-style-plus { border-color: rgba(255,255,255,0.16); }
.wp-block-details.is-style-plus summary {
	list-style: none; cursor: pointer; display: flex; align-items: center; gap: 1rem;
	font-size: var(--wp--preset--font-size--large); letter-spacing: -0.03em; line-height: 1.2;
}
.wp-block-details.is-style-plus summary::-webkit-details-marker { display: none; }
.wp-block-details.is-style-plus summary::before {
	content: "+"; flex: none; width: 2.2rem; height: 2.2rem; border-radius: 50%;
	border: 1px solid var(--wp--preset--color--line); display: grid; place-items: center;
	font-size: 1.1rem; color: var(--wp--preset--color--muted); transition: transform .2s ease;
}
.has-dark-background-color .wp-block-details.is-style-plus summary::before { border-color: rgba(255,255,255,0.3); color: #fff; }
.wp-block-details.is-style-plus[open] summary::before { transform: rotate(45deg); }
.wp-block-details.is-style-plus > :not(summary) { margin-left: 3.2rem; color: var(--wp--preset--color--muted); }
.has-dark-background-color .wp-block-details.is-style-plus > :not(summary) { color: rgba(255,255,255,0.72); }

/* Sections sombres */
.has-dark-background-color :where(h1,h2,h3,h4) { color: #fff; }
.has-dark-background-color a:where(:not(.wp-block-button__link)) { color: #fff; }

/* Grande citation */
.on-quote { font-size: var(--wp--preset--font-size--x-large); letter-spacing: -0.04em; line-height: 1.2; color: var(--wp--preset--color--ink); }

/* Pied de page */
.on-footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
.on-footer a:hover { color: #fff; text-decoration: underline; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Titres des tuiles : héritent de la couleur de la tuile (fix titre invisible sur fond bleu nuit) */
.on-tiles .wp-block-heading, .on-tiles .wp-block-heading a { color: inherit; }

/* Logo (reprise de l’original, effet argenté) */
.on-logo { display: inline-flex; line-height: 0; }
.on-logo img { height: 58px; width: auto; }
.on-logo--footer img { height: 84px; }
@media (max-width: 600px) { .on-logo img { height: 44px; } }