/*
Theme Name: Mencobois
Theme URI: https://mencobois.com
Author: Breizh Conseil / Optimize 360
Description: Thème bloc (FSE) sur-mesure pour Mencobois, artisan menuisier-charpentier à Muzillac. Palette Ardoise, gabarit Service réutilisable, signature « épure de charpente ». Léger, sans builder propriétaire.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: mencobois
*/

/* =====================================================================
   CSS supplémentaire — uniquement ce que theme.json ne peut pas exprimer
   (sticky, backdrop, épure SVG, accordéon natif). Tout le reste = tokens.
   ===================================================================== */

/* ---- Header collant + flou ---- */
.wp-block-template-part.mcb-header,
header.wp-block-group.mcb-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
}

/* ---- Eyebrow (annotation de plan) ---- */
.mcb-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary-deep);
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.mcb-eyebrow::before {
	content: "";
	width: 26px;
	height: 1px;
	background: var(--wp--preset--color--primary);
	display: inline-block;
}

/* ---- Bouton bois (variation) ---- */
.wp-block-button.is-style-wood .wp-block-button__link {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: #1a120a;
}
.wp-block-button.is-style-wood .wp-block-button__link:hover {
	background: transparent;
	color: var(--wp--preset--color--primary-deep);
}

/* ---- Visuel hero : épure de charpente ---- */
.mcb-hero-visual {
	position: relative;
	min-height: 520px;
	border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
}
.mcb-epure { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .6; }
.mcb-epure line, .mcb-epure polyline { fill: none; stroke: var(--wp--preset--color--contrast); stroke-width: 1; vector-effect: non-scaling-stroke; }
.mcb-epure .cote { stroke: var(--wp--preset--color--primary-deep); }
.mcb-epure text { font-family: var(--wp--preset--font-family--mono); font-size: 11px; fill: var(--wp--preset--color--primary-deep); }

/* ---- Carte radius zone d'intervention ---- */
.mcb-radius { aspect-ratio: 1/1; border: 1px solid color-mix(in srgb, var(--wp--preset--color--on-contrast) 22%, transparent); border-radius: 3px; position: relative; display: grid; place-items: center; }
.mcb-radius .ring { position: absolute; border: 1px dashed color-mix(in srgb, var(--wp--preset--color--primary) 70%, transparent); border-radius: 50%; }
.mcb-radius .dot { width: 14px; height: 14px; background: var(--wp--preset--color--primary); border-radius: 50%; box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--primary) 35%, transparent); }

/* ---- FAQ : details natif stylé (schema FAQPage) ---- */
.mcb-faq details { border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent); }
.mcb-faq summary { list-style: none; cursor: pointer; padding: 22px 0; display: flex; justify-content: space-between; gap: 20px; align-items: center; font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: 18px; }
.mcb-faq summary::-webkit-details-marker { display: none; }
.mcb-faq summary .pm { font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--primary-deep); flex: none; transition: .2s; }
.mcb-faq details[open] summary .pm { transform: rotate(45deg); }
.mcb-faq .ans { padding: 0 0 24px; color: var(--wp--preset--color--contrast-soft); max-width: 60em; }

/* ---- Pastilles communes ---- */
.mcb-communes { display: flex; flex-wrap: wrap; gap: 9px; }
.mcb-communes span { font-family: var(--wp--preset--font-family--mono); font-size: 12.5px; padding: 7px 13px; border: 1px solid color-mix(in srgb, var(--wp--preset--color--on-contrast) 26%, transparent); border-radius: 40px; }
.mcb-communes span.hub { background: var(--wp--preset--color--primary); color: #1a120a; border-color: var(--wp--preset--color--primary); }