/*
Theme Name: Maison M
Theme URI: https://maison-m.fr
Author: [Ton agence / ton nom]
Author URI: https://maison-m.fr
Description: Thème WordPress (block theme) pour Maison M — Institut de beauté, Lyon. Fournit une page d'attente entièrement éditable dans Gutenberg (blocs natifs), les polices et couleurs de la marque via theme.json, prêt à évoluer vers le site complet.
Version: 1.0.3
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maison-m
*/

/* ==========================================================================
   Réglages fins non couverts par theme.json.
   Tout est scopé sous .mm-attente pour ne rien casser ailleurs.
   ========================================================================== */

/* Cover plein écran, sûr sur mobile (barres du navigateur) */
.mm-attente.wp-block-cover {
  min-height: 100vh;
  min-height: 100svh;
  /* Filet de sécurité : la bannière occupe toute la largeur de l'écran,
     même si un conteneur parent tente de la contraindre. */
  max-width: none;
  width: 100%;
}

/* Texte en blanc sur la vidéo */
.mm-attente :is(h1, h2, p) { color: #fff; }

/* Logo (texte) — remplaçable par un bloc Image */
.mm-attente .mm-logo {
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 1;
  font-size: clamp(1.7rem, 3.4vw, 2.6rem);
  margin: 0;
}

/* Sous-titre « Institut de beauté | Lyon » */
.mm-attente .mm-tag {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .4em;
  font-size: clamp(.55rem, 1.1vw, .72rem);
  margin: .6rem 0 0;
  opacity: .9;
}

/* Grand titre */
.mm-attente .mm-title {
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.04;
  letter-spacing: .01em;
  font-size: clamp(2.6rem, 8.5vw, 5.4rem);
  margin: 0;
}

/* Paragraphes d'accroche */
.mm-attente .mm-lede {
  font-weight: 300;
  letter-spacing: .06em;
  line-height: 1.7;
  opacity: .92;
  font-size: clamp(1rem, 2vw, 1.2rem);
  max-width: 62ch;
  margin-left: auto;
  margin-right: auto;
}
.mm-attente .mm-lede a { color: inherit; text-underline-offset: 3px; }

/* Bouton pilule « Prendre RDV » */
.mm-attente .mm-cta .wp-block-button__link {
  background: #fff;
  color: #1a1713;
  border-radius: 999px;
  padding: 1rem 2.7rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .82rem;
  transition: transform .25s ease, background-color .25s ease;
}
.mm-attente .mm-cta .wp-block-button__link:hover {
  background: #efe7db;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .mm-attente .mm-cta .wp-block-button__link:hover { transform: none; }
}