/*
Theme Name:   MRA Concept — Blocksy Child
Theme URI:    https://mraconcept.fr
Description:  Thème enfant Blocksy pour MRA Concept — menuiserie et rénovation en Isère.
Author:       Alex Riera
Author URI:   https://mraconcept.fr
Template:     blocksy
Version:      1.0.0
Requires PHP: 8.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  mraconcept
*/

/* ==========================================================================
   1. Polices locales
   Déposer les .woff2 dans /assets/fonts/ (cf. assets/fonts/README.txt)
   ========================================================================== */

@font-face {
	font-family: 'Archivo';
	src: url('assets/fonts/Archivo-Variable.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/Inter-Variable.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   2. Palette « bois et béton »
   Source de vérité documentaire. Ces mêmes valeurs doivent être saisies
   à l'identique dans Blocksy (Options de couleur) et dans les Variables
   Elementor. Voir la note de mise en œuvre.
   ========================================================================== */

:root {
	/* Fonds */
	--c-bg:          #1B1A17;  /* sombre principal */
	--c-bg-alt:      #26241F;  /* sombre secondaire, cartes */
	--c-surface:     #E9E3D9;  /* clair, sections */
	--c-surface-2:   #F5F1EA;  /* clair, page */

	/* Accents */
	--c-wood:        #B5763E;  /* boutons, liens, chiffres */
	--c-wood-hi:     #D89A5E;  /* accent sur fond sombre, survol */

	/* Neutres */
	--c-concrete:    #7C7A75;  /* texte secondaire, filets */

	/* Textes */
	--c-text:        #16150F;  /* sur fond clair */
	--c-text-inv:    #EDE8E0;  /* sur fond sombre */

	/* Typographie */
	--f-display:     'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--f-body:        'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fs-body:       1.0625rem;  /* 17px */
	--lh-body:       1.6;

	/* Rythme */
	--sp-section:    clamp(3.5rem, 8vw, 7rem);
	--radius:        2px;
}

/* ==========================================================================
   3. Correctifs et utilitaires
   Tout ce qui n'est pas gérable proprement depuis Blocksy ou Elementor.
   Rester minimal : la mise en page se fait dans le constructeur.
   ========================================================================== */

body {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

/* Bouton d'appel flottant mobile (cf. §6 du cahier des charges) */
.mra-call-fab {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background: var(--c-wood);
	color: var(--c-text-inv);
	box-shadow: 0 4px 16px rgb(0 0 0 / 25%);
	text-decoration: none;
}

.mra-call-fab:hover,
.mra-call-fab:focus {
	background: var(--c-wood-hi);
	color: var(--c-text-inv);
}

@media (max-width: 782px) {
	.mra-call-fab { display: flex; }
}

/* Bloc mentions légales généré par [mra_legal_block] */
.mra-legal-block dl {
	margin: 0 0 2rem;
}

.mra-legal-block dt {
	font-weight: 600;
	color: var(--c-text);
	margin-top: 1rem;
}

.mra-legal-block dd {
	margin: 0.15rem 0 0;
	color: var(--c-concrete);
}

/* Champ légal non renseigné — visible uniquement pour les administrateurs */
.mra-legal-missing {
	display: inline-block;
	padding: 0 .35em;
	background: #FFE9E9;
	border: 1px dashed #C0392B;
	color: #C0392B;
	font-family: monospace;
	font-size: .85em;
}