/*
Theme Name: MYMARCA
Theme URI: https://www.mymarca.ma
Author: MYMARCA
Description: Thème WordPress / WooCommerce ultra-léger et premium pour MYMARCA.MA — parfums arabes, cosmétiques, soins et hygiène au Maroc. Aucun page builder, aucune librairie JS externe, tout est administrable depuis le Customizer.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mymarca
Tags: e-commerce, woocommerce, light, accessibility-ready, custom-colors, custom-logo, custom-menu, translation-ready
WC requires at least: 8.0
WC tested up to: 9.9
*/

/* =========================================================================
   1. DESIGN SYSTEM — TOKENS
   Toutes les couleurs sont surchargeables depuis Apparence > Personnaliser.
   ========================================================================= */
:root{
	/* Couleurs (valeurs par défaut, écrasées par le Customizer) */
	--mm-dark:#111013;
	--mm-dark-soft:#1c1a1f;
	--mm-gold:#c9a24a;
	--mm-gold-dark:#a8842f;
	--mm-gold-soft:#f3e9d4;
	--mm-beige:#f6f1e8;
	--mm-bg:#ffffff;
	--mm-bg-alt:#fbf9f6;
	--mm-oud:#5b3a21;
	--mm-text:#25232a;
	--mm-text-muted:#6b6873;
	--mm-border:#e7e2d9;
	--mm-price:#c0392b;
	--mm-success:#2e7d55;

	/* Typographie */
	--mm-font-heading:"Cormorant Garamond",Georgia,"Times New Roman",serif;
	--mm-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

	/* Échelle fluide : jamais de reflow, pas de CLS */
	--mm-fs-xs:.75rem;
	--mm-fs-sm:.8125rem;
	--mm-fs-base:.9375rem;
	--mm-fs-md:1.0625rem;
	--mm-fs-lg:clamp(1.25rem,1rem + .8vw,1.6rem);
	--mm-fs-xl:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);
	--mm-fs-2xl:clamp(2.1rem,1.4rem + 3.2vw,4rem);

	/* Espacements */
	--mm-space-1:.25rem;
	--mm-space-2:.5rem;
	--mm-space-3:.75rem;
	--mm-space-4:1rem;
	--mm-space-5:1.5rem;
	--mm-space-6:2rem;
	--mm-space-7:3rem;
	--mm-space-8:4.5rem;

	/* Divers */
	--mm-radius:4px;
	--mm-radius-lg:8px;
	--mm-shadow:0 1px 2px rgba(17,16,19,.04),0 8px 24px rgba(17,16,19,.06);
	--mm-shadow-hover:0 2px 4px rgba(17,16,19,.06),0 14px 34px rgba(17,16,19,.10);
	--mm-container:1240px;
	--mm-ease:cubic-bezier(.2,.7,.3,1);
}

/* =========================================================================
   2. RESET LÉGER
   ========================================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
body{
	margin:0;
	background:var(--mm-bg);
	color:var(--mm-text);
	font-family:var(--mm-font-body);
	font-size:var(--mm-fs-base);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--mm-font-heading);font-weight:600;line-height:1.15;margin:0 0 var(--mm-space-4);letter-spacing:.01em}
h1{font-size:var(--mm-fs-2xl)}
h2{font-size:var(--mm-fs-xl)}
h3{font-size:var(--mm-fs-lg)}
p{margin:0 0 var(--mm-space-4)}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--mm-gold-dark)}
ul,ol{margin:0 0 var(--mm-space-4);padding-left:1.1rem}
button{font:inherit}
:focus-visible{outline:2px solid var(--mm-gold-dark);outline-offset:2px;border-radius:2px}

/* Accessibilité : lien d'évitement */
.mm-skip{position:absolute;left:-9999px;top:0;background:var(--mm-dark);color:#fff;padding:.75rem 1.25rem;z-index:999}
.mm-skip:focus{left:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* =========================================================================
   3. LAYOUT
   ========================================================================= */
.mm-container{width:100%;max-width:var(--mm-container);margin-inline:auto;padding-inline:var(--mm-space-4)}
@media(min-width:768px){.mm-container{padding-inline:var(--mm-space-5)}}
.mm-section{padding-block:var(--mm-space-7)}
@media(min-width:900px){.mm-section{padding-block:var(--mm-space-8)}}
.mm-section--alt{background:var(--mm-bg-alt)}
.mm-grid{display:grid;gap:var(--mm-space-4)}

.mm-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--mm-space-4);justify-content:space-between;margin-bottom:var(--mm-space-5)}
.mm-section-head h2{margin:0}
.mm-link-all{font-size:var(--mm-fs-sm);font-weight:600;color:var(--mm-gold-dark);border-bottom:1px solid currentColor;padding-bottom:2px}

/* =========================================================================
   4. BOUTONS
   ========================================================================= */
.mm-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	min-height:46px;padding:.7rem 1.5rem;
	font-size:var(--mm-fs-sm);font-weight:600;letter-spacing:.09em;text-transform:uppercase;
	border:1px solid transparent;border-radius:var(--mm-radius);
	cursor:pointer;text-align:center;
	transition:background-color .2s var(--mm-ease),color .2s var(--mm-ease),border-color .2s var(--mm-ease);
}
.mm-btn--gold{background:var(--mm-gold);color:#fff}
.mm-btn--gold:hover{background:var(--mm-gold-dark);color:#fff}
.mm-btn--dark{background:var(--mm-dark);color:#fff}
.mm-btn--dark:hover{background:var(--mm-oud);color:#fff}
.mm-btn--ghost{background:transparent;color:var(--mm-dark);border-color:var(--mm-border)}
.mm-btn--ghost:hover{border-color:var(--mm-gold);color:var(--mm-gold-dark)}
.mm-btn--light{background:#fff;color:var(--mm-dark)}
.mm-btn--block{width:100%}
.mm-btn--sm{min-height:38px;padding:.45rem 1rem;font-size:var(--mm-fs-xs)}

/* =========================================================================
   5. TOPBAR + HEADER
   ========================================================================= */
.mm-topbar{background:var(--mm-dark);color:#fff;font-size:var(--mm-fs-xs)}
.mm-topbar .mm-container{display:flex;align-items:center;justify-content:space-between;gap:var(--mm-space-4);min-height:36px}
.mm-topbar__msg{opacity:.85;margin:0}
.mm-topbar__links{display:flex;gap:var(--mm-space-5);align-items:center}
.mm-topbar__links a{display:inline-flex;align-items:center;gap:.4rem;opacity:.9}
.mm-topbar__links a:hover{color:var(--mm-gold);opacity:1}
@media(max-width:782px){.mm-topbar__msg{display:none}.mm-topbar .mm-container{justify-content:center}}

.mm-header{background:#fff;border-bottom:1px solid var(--mm-border)}
.mm-header__inner{
	display:grid;grid-template-columns:auto 1fr auto;align-items:center;
	gap:var(--mm-space-5);padding-block:var(--mm-space-4);
}
.mm-logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mm-font-heading);font-size:1.6rem;line-height:1;letter-spacing:.02em}
.mm-logo img{max-height:60px;width:auto}
.mm-logo__mark{color:var(--mm-gold)}
.mm-header__meta{display:flex;align-items:center;gap:var(--mm-space-5)}
.mm-meta-item{display:flex;align-items:center;gap:.6rem;font-size:var(--mm-fs-xs);line-height:1.3}
.mm-meta-item strong{display:block;font-size:var(--mm-fs-base);font-weight:700}
.mm-meta-item span{color:var(--mm-text-muted)}
.mm-meta-item svg{flex:none;color:var(--mm-gold)}
@media(max-width:1100px){.mm-header__meta .mm-meta-item--hide{display:none}}
@media(max-width:900px){
	.mm-header__inner{grid-template-columns:auto auto;gap:var(--mm-space-3);row-gap:var(--mm-space-3)}
	.mm-header__search{grid-column:1/-1;order:3}
	.mm-header__meta{gap:var(--mm-space-3)}
	.mm-meta-item--phone{display:none}
}

/* Recherche */
.mm-search{display:flex;width:100%;max-width:520px;margin-inline:auto}
.mm-search input[type=search]{
	flex:1;min-width:0;height:46px;padding:0 1rem;
	border:1px solid var(--mm-border);border-right:0;border-radius:var(--mm-radius) 0 0 var(--mm-radius);
	font-size:var(--mm-fs-base);background:#fff;color:var(--mm-text);
}
.mm-search input[type=search]:focus{outline:none;border-color:var(--mm-gold)}
.mm-search button{
	width:52px;height:46px;border:0;border-radius:0 var(--mm-radius) var(--mm-radius) 0;
	background:var(--mm-gold);color:#fff;cursor:pointer;display:grid;place-items:center;
}
.mm-search button:hover{background:var(--mm-gold-dark)}

/* Compteur panier */
.mm-cart-count{
	display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;
	background:var(--mm-gold);color:#fff;border-radius:999px;font-size:11px;font-weight:700;
}

/* =========================================================================
   6. NAVIGATION
   ========================================================================= */
.mm-nav{background:var(--mm-dark);color:#fff}
.mm-nav .mm-container{display:flex;align-items:stretch;gap:var(--mm-space-2)}
.mm-nav__all{
	display:inline-flex;align-items:center;gap:.6rem;background:var(--mm-gold);color:#fff;
	padding:.9rem 1.4rem;font-size:var(--mm-fs-sm);font-weight:600;letter-spacing:.04em;
}
.mm-nav__all:hover{background:var(--mm-gold-dark);color:#fff}
.mm-menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.mm-menu li{position:relative}
.mm-menu a{display:block;padding:.9rem 1.05rem;font-size:var(--mm-fs-sm);letter-spacing:.03em;color:#fff}
.mm-menu a:hover,.mm-menu .current-menu-item>a{color:var(--mm-gold)}
.mm-menu .sub-menu{
	position:absolute;top:100%;left:0;min-width:220px;list-style:none;margin:0;padding:.4rem 0;
	background:#fff;border:1px solid var(--mm-border);box-shadow:var(--mm-shadow);
	opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s var(--mm-ease),transform .18s var(--mm-ease),visibility .18s;
	z-index:60;
}
.mm-menu li:hover>.sub-menu,.mm-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.mm-menu .sub-menu a{color:var(--mm-text);padding:.6rem 1.1rem}
.mm-menu .sub-menu a:hover{background:var(--mm-bg-alt);color:var(--mm-gold-dark)}

.mm-burger{display:none;align-items:center;gap:.6rem;background:none;border:0;color:#fff;padding:.9rem 0;cursor:pointer;font-size:var(--mm-fs-sm);font-weight:600}
@media(max-width:900px){
	.mm-nav .mm-container{justify-content:space-between}
	.mm-burger{display:inline-flex}
	.mm-nav__all{display:none}
	.mm-menu{
		position:fixed;inset:0 0 0 auto;width:min(86vw,340px);
		display:block;background:#fff;color:var(--mm-text);padding:var(--mm-space-6) 0;
		transform:translateX(100%);transition:transform .25s var(--mm-ease);
		overflow-y:auto;z-index:120;box-shadow:var(--mm-shadow-hover);
	}
	.mm-menu.is-open{transform:none}
	.mm-menu a{color:var(--mm-text);padding:.9rem var(--mm-space-5);border-bottom:1px solid var(--mm-border)}
	.mm-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0}
	.mm-menu .sub-menu a{padding-left:calc(var(--mm-space-5) + 1rem);background:var(--mm-bg-alt)}
	.mm-overlay{position:fixed;inset:0;background:rgba(17,16,19,.5);z-index:110;opacity:0;visibility:hidden;transition:opacity .2s}
	.mm-overlay.is-open{opacity:1;visibility:visible}
	.mm-menu__close{display:block;margin:0 var(--mm-space-5) var(--mm-space-4);background:none;border:0;font-size:1.5rem;cursor:pointer;line-height:1}
}
@media(min-width:901px){.mm-menu__close,.mm-overlay{display:none}}

/* =========================================================================
   7. HERO
   ========================================================================= */
.mm-hero{position:relative;background:var(--mm-dark-soft);color:#fff;overflow:hidden}
.mm-hero__media{position:absolute;inset:0}
.mm-hero__media img{width:100%;height:100%;object-fit:cover}
.mm-hero__media::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(90deg,rgba(12,10,14,.88) 0%,rgba(12,10,14,.62) 45%,rgba(12,10,14,.25) 100%);
}
.mm-hero__inner{position:relative;z-index:2;padding-block:clamp(3rem,9vw,6.5rem);max-width:640px}
.mm-hero__title{font-size:var(--mm-fs-2xl);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--mm-space-3)}
.mm-hero__subtitle{font-family:var(--mm-font-heading);font-size:var(--mm-fs-xl);color:var(--mm-gold-soft);margin-bottom:var(--mm-space-3)}
.mm-hero__text{font-size:var(--mm-fs-md);color:rgba(255,255,255,.82);max-width:34em}
.mm-hero__trust{
	position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--mm-space-3) var(--mm-space-6);
	margin:0;padding:0 0 var(--mm-space-5);list-style:none;font-size:var(--mm-fs-xs);color:rgba(255,255,255,.8);
}
.mm-hero__trust li{display:flex;align-items:center;gap:.45rem}
.mm-hero__trust svg{color:var(--mm-gold)}

/* =========================================================================
   8. CARTES CATÉGORIES
   ========================================================================= */
.mm-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mm-space-3)}
@media(min-width:640px){.mm-cats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.mm-cats{grid-template-columns:repeat(5,1fr)}}
.mm-cat{position:relative;display:block;overflow:hidden;border-radius:var(--mm-radius);background:var(--mm-beige);aspect-ratio:3/4}
.mm-cat img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--mm-ease)}
.mm-cat:hover img{transform:scale(1.04)}
.mm-cat__body{
	position:absolute;inset:auto 0 0 0;padding:var(--mm-space-4);color:#fff;
	background:linear-gradient(180deg,rgba(12,10,14,0) 0%,rgba(12,10,14,.82) 65%);
}
.mm-cat__title{font-family:var(--mm-font-body);font-size:var(--mm-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0}
.mm-cat__sub{display:block;font-size:var(--mm-fs-xs);color:rgba(255,255,255,.78);margin-top:2px}

/* =========================================================================
   9. ONGLETS PRODUITS PHARES
   ========================================================================= */
.mm-tabs{display:flex;flex-wrap:wrap;gap:var(--mm-space-1);list-style:none;margin:0;padding:0}
.mm-tab{
	background:none;border:0;padding:.5rem 1rem;border-radius:var(--mm-radius);
	font-size:var(--mm-fs-sm);color:var(--mm-text-muted);cursor:pointer;
}
.mm-tab[aria-selected=true]{background:var(--mm-gold);color:#fff;font-weight:600}
.mm-tab:hover{color:var(--mm-gold-dark)}
.mm-tab[aria-selected=true]:hover{color:#fff}

/* Rail horizontal — scroll natif, zéro JS de slider */
.mm-rail{
	display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);
	gap:var(--mm-space-4);overflow-x:auto;scroll-snap-type:x mandatory;
	padding-bottom:var(--mm-space-3);scrollbar-width:thin;
}
.mm-rail>*{scroll-snap-align:start}
@media(min-width:1024px){.mm-rail{grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(6,1fr);grid-auto-flow:row;overflow:visible}}

/* =========================================================================
   10. CARTE PRODUIT (partagée homepage + boutique)
   ========================================================================= */
.mm-products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mm-space-4)}
@media(min-width:700px){.mm-products{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.mm-products{grid-template-columns:repeat(4,1fr)}}

.mm-product{
	position:relative;display:flex;flex-direction:column;background:#fff;
	border:1px solid var(--mm-border);border-radius:var(--mm-radius);overflow:hidden;
	transition:box-shadow .22s var(--mm-ease),border-color .22s var(--mm-ease);
}
.mm-product:hover{box-shadow:var(--mm-shadow-hover);border-color:var(--mm-gold-soft)}
.mm-product__thumb{position:relative;display:block;background:var(--mm-bg-alt);aspect-ratio:1/1;overflow:hidden}
.mm-product__thumb img{width:100%;height:100%;object-fit:contain;padding:var(--mm-space-3);transition:transform .4s var(--mm-ease)}
.mm-product:hover .mm-product__thumb img{transform:scale(1.05)}
.mm-product__body{display:flex;flex-direction:column;gap:.25rem;padding:var(--mm-space-4);flex:1}
.mm-product__title{font-family:var(--mm-font-body);font-size:var(--mm-fs-base);font-weight:600;margin:0;line-height:1.35}
.mm-product__meta{font-size:var(--mm-fs-xs);color:var(--mm-text-muted)}
.mm-product__price{margin-top:auto;padding-top:var(--mm-space-2);font-size:var(--mm-fs-md);font-weight:700;color:var(--mm-price)}
.mm-product__price del{font-size:var(--mm-fs-sm);font-weight:400;color:var(--mm-text-muted);margin-right:.4rem}
.mm-product__price ins{text-decoration:none}
.mm-product__actions{padding:0 var(--mm-space-4) var(--mm-space-4)}
/* Le libellé « Ajouter au panier » doit tenir sur une ligne, même en colonne étroite. */
.mm-product__actions .mm-btn{font-size:11px;letter-spacing:.04em;padding-inline:.5rem;white-space:nowrap}

/* Badges */
.mm-badges{position:absolute;top:.6rem;left:.6rem;display:flex;flex-direction:column;gap:.3rem;z-index:2}
.mm-badge{
	display:inline-block;padding:.2rem .55rem;border-radius:2px;
	font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;
}
.mm-badge--new{background:var(--mm-dark)}
.mm-badge--sale{background:var(--mm-price)}
.mm-badge--out{background:var(--mm-text-muted)}

/* Favori */
.mm-wish{position:absolute;top:.6rem;right:.6rem;z-index:2;width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid var(--mm-border);border-radius:999px;color:var(--mm-text-muted)}
.mm-wish:hover{color:var(--mm-price);border-color:var(--mm-price)}

/* =========================================================================
   11. RÉASSURANCE
   ========================================================================= */
.mm-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mm-space-5)}
@media(min-width:900px){.mm-trust{grid-template-columns:repeat(4,1fr)}}
.mm-trust__item{display:flex;align-items:center;gap:var(--mm-space-3)}
.mm-trust__icon{flex:none;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--mm-gold-soft);border-radius:999px;color:var(--mm-gold-dark);background:#fff}
.mm-trust__title{display:block;font-weight:700;font-size:var(--mm-fs-base)}
.mm-trust__text{display:block;font-size:var(--mm-fs-xs);color:var(--mm-text-muted)}

/* =========================================================================
   12. BANNIÈRES
   ========================================================================= */
.mm-banners{display:grid;gap:var(--mm-space-4)}
@media(min-width:800px){.mm-banners{grid-template-columns:1fr 1fr}}
.mm-banner{position:relative;display:flex;align-items:center;min-height:280px;border-radius:var(--mm-radius);overflow:hidden;background:var(--mm-beige)}
.mm-banner__media{position:absolute;inset:0}
.mm-banner__media img{width:100%;height:100%;object-fit:cover}
.mm-banner--dark .mm-banner__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,14,.75),rgba(12,10,14,.15))}
.mm-banner--light .mm-banner__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.35))}
.mm-banner__body{position:relative;z-index:2;padding:var(--mm-space-6);max-width:70%}
.mm-banner--dark .mm-banner__body{color:#fff}
.mm-banner__title{font-size:var(--mm-fs-lg);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--mm-space-2);text-wrap:balance}
.mm-banner__text{font-size:var(--mm-fs-sm);margin-bottom:var(--mm-space-4);opacity:.9}
@media(max-width:520px){.mm-banner__body{max-width:100%;padding:var(--mm-space-5)}}

/* =========================================================================
   13. MARQUES
   ========================================================================= */
.mm-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mm-space-4);align-items:center}
@media(min-width:700px){.mm-brands{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.mm-brands{grid-template-columns:repeat(8,1fr)}}
.mm-brand{display:grid;place-items:center;padding:var(--mm-space-3);filter:grayscale(1);opacity:.65;transition:filter .2s,opacity .2s}
.mm-brand:hover{filter:none;opacity:1}
.mm-brand img{max-height:46px;width:auto;object-fit:contain}

/* =========================================================================
   14. FOOTER
   ========================================================================= */
.mm-footer{background:var(--mm-dark);color:rgba(255,255,255,.72);font-size:var(--mm-fs-sm);padding-top:var(--mm-space-7)}
.mm-footer a{color:rgba(255,255,255,.72)}
.mm-footer a:hover{color:var(--mm-gold)}
.mm-footer h3{color:#fff;font-family:var(--mm-font-body);font-size:var(--mm-fs-base);font-weight:700;letter-spacing:.03em;margin-bottom:var(--mm-space-4)}
.mm-footer__grid{display:grid;gap:var(--mm-space-6);padding-bottom:var(--mm-space-7)}
@media(min-width:700px){.mm-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.mm-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1.3fr 1.6fr}}
.mm-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.mm-footer__contact li{display:flex;gap:.6rem;align-items:flex-start}
.mm-footer__contact svg{flex:none;margin-top:3px;color:var(--mm-gold)}
.mm-footer__logo{font-family:var(--mm-font-heading);font-size:1.5rem;color:#fff;display:inline-block;margin-bottom:var(--mm-space-3)}
.mm-footer__logo img{max-height:56px;width:auto}
.mm-social{display:flex;gap:.6rem;margin-top:var(--mm-space-4)}
.mm-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px}
.mm-social a:hover{border-color:var(--mm-gold);background:var(--mm-gold);color:#fff}
.mm-newsletter{display:flex;gap:.5rem;flex-wrap:wrap}
.mm-newsletter input{flex:1;min-width:160px;height:44px;padding:0 .9rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--mm-radius)}
.mm-newsletter input::placeholder{color:rgba(255,255,255,.45)}
.mm-footer__bottom{
	border-top:1px solid rgba(255,255,255,.12);padding-block:var(--mm-space-4);
	display:flex;flex-wrap:wrap;gap:var(--mm-space-3);align-items:center;justify-content:space-between;font-size:var(--mm-fs-xs);
}
.mm-pay{display:flex;align-items:center;gap:.5rem}
.mm-pay img{height:22px;width:auto}

/* =========================================================================
   15. BOUTON WHATSAPP (CSS pur, 0 KB de JS)
   ========================================================================= */
.mm-whatsapp{
	position:fixed;right:16px;bottom:16px;z-index:90;
	width:52px;height:52px;display:grid;place-items:center;border-radius:999px;
	background:#25d366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.mm-whatsapp:hover{background:#1da851;color:#fff}
@media(max-width:900px){.mm-whatsapp{bottom:12px;right:12px;width:48px;height:48px}}

/* =========================================================================
   16. PAGES INTERNES / CONTENU
   ========================================================================= */
.mm-page{padding-block:var(--mm-space-6) var(--mm-space-8)}
.mm-page__header{margin-bottom:var(--mm-space-5)}
.mm-entry{max-width:74ch}
.mm-entry img{border-radius:var(--mm-radius);margin-block:var(--mm-space-4)}
.mm-breadcrumb{font-size:var(--mm-fs-xs);color:var(--mm-text-muted);padding-block:var(--mm-space-4)}
.mm-breadcrumb a:hover{color:var(--mm-gold-dark)}
.mm-pagination{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:var(--mm-space-6)}
.mm-pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 .6rem;border:1px solid var(--mm-border);border-radius:var(--mm-radius)}
.mm-pagination .current{background:var(--mm-dark);color:#fff;border-color:var(--mm-dark)}

/* Formulaires génériques */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],textarea,select{
	width:100%;min-height:46px;padding:.6rem .85rem;border:1px solid var(--mm-border);
	border-radius:var(--mm-radius);background:#fff;color:var(--mm-text);font:inherit;
}
textarea{min-height:120px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--mm-gold);box-shadow:0 0 0 3px rgba(201,162,74,.15)}
label{display:block;font-size:var(--mm-fs-sm);font-weight:600;margin-bottom:.3rem}