/*
Theme Name: Metamorph
Theme URI: https://metamorph.com
Author: Webdadd
Author URI: https://webdadd.com
Description: Thème parent de la plateforme Metamorph et du challenge Q4 Morphose, compatible Elementor et Metamorph Suite. N'active pas le parent seul : installe-le, puis active un thème enfant (Metamorph Nocturne, Lumière, Aura ou Q4 Morphose Nuit, Violet, Clair).
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: metamorph
*/

/* Police Outfit (charte officielle), embarquée dans le thème */
@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url(assets/fonts/outfit.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url(assets/fonts/outfit-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== VARIABLES DE DESIGN : chaque thème enfant les redéfinit ===== */
:root{
 --mm-violet:#e40cd5;--mm-violet-2:#f25fe6;--mm-yellow:#ffe600;--mm-webdadd:#ff7a00;
 --mm-bg:#0e0a12;--mm-card:#151019;--mm-line:#271e2c;--mm-line2:#3b2f41;--mm-input:#0e0a12;
 --mm-text:#f6f1f7;--mm-muted:#a395a8;
 --mm-header-bg:var(--mm-bg);--mm-header-text:var(--mm-text);
 --mm-hero-bg:transparent;--mm-hero-text:var(--mm-text);--mm-hero-muted:var(--mm-muted);--mm-hero-glow:none;
 --mm-btn-bg:var(--mm-violet);--mm-btn-text:#ffffff;--mm-hero-btn-bg:var(--mm-btn-bg);--mm-hero-btn-text:var(--mm-btn-text);
 --mm-accent:var(--mm-violet);
 --mm-radius:14px;--mm-radius-btn:999px;--mm-card-filter:none;
 --mm-font:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mm-font-heading:var(--mm-font);
 --mm-hero-align:left;--mm-wrap:1120px;
}
*,*::before,*::after{box-sizing:border-box}
body.mm-theme{margin:0;background:var(--mm-bg);color:var(--mm-text);font:400 16px/1.6 var(--mm-font);-webkit-font-smoothing:antialiased}
.mm-theme a{color:var(--mm-violet-2)}
.mm-theme img{max-width:100%;height:auto}
.mm-wrap{max-width:var(--mm-wrap);margin:0 auto;padding:0 24px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.mm-skip:focus{clip:auto;width:auto;height:auto;z-index:100;background:var(--mm-card);padding:10px 14px;left:10px;top:10px}
.mm-theme :focus-visible{outline:2px solid var(--mm-violet-2);outline-offset:2px}

/* ===== En-tête ===== */
.mm-header{background:var(--mm-header-bg);color:var(--mm-header-text);border-bottom:1px solid var(--mm-line);position:sticky;top:0;z-index:50}
.mm-header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.mm-logo{display:inline-flex;align-items:center}
.mm-logo img,.custom-logo{height:34px;width:auto;display:block}
.mm-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.mm-nav a{color:var(--mm-header-text);opacity:.8;text-decoration:none;font-size:15px;font-weight:500}
.mm-nav a:hover,.mm-nav .current-menu-item>a{opacity:1}
.mm-nav .sub-menu{display:none}
.mm-header-act{display:flex;align-items:center;gap:12px}
.mm-theme .mm-cta-link{display:inline-block;background:var(--mm-btn-bg);color:var(--mm-btn-text);border-radius:var(--mm-radius-btn);padding:10px 22px;font-weight:600;font-size:15px;text-decoration:none;transition:filter .15s}
.mm-theme .mm-cta-link:hover{filter:brightness(1.08)}
.mm-burger{display:none;width:42px;height:42px;border:1px solid var(--mm-line2);border-radius:12px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.mm-burger span{display:block;width:18px;height:2px;background:var(--mm-header-text);border-radius:2px}
@media(max-width:860px){
 .mm-header-in{flex-wrap:wrap;min-height:64px}
 .mm-logo img,.custom-logo{height:28px}
 .mm-burger{display:flex}
 .mm-nav{order:3;width:100%;display:none;padding:6px 0 16px}
 .mm-header.mm-open .mm-nav{display:block}
 .mm-nav ul{flex-direction:column;gap:2px}
 .mm-nav a{display:block;padding:10px 0;font-size:16px}
 .mm-theme .mm-cta-link{padding:9px 16px;font-size:14px}
}

/* ===== Pied de page ===== */
.mm-footer{border-top:1px solid var(--mm-line);margin-top:40px;color:var(--mm-muted);font-size:14px}
.mm-footer-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:36px;padding-bottom:24px}
.mm-footer-brand p{margin:12px 0 0;max-width:34ch}
.mm-footer-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.mm-footer-nav a{color:var(--mm-muted);text-decoration:none}
.mm-footer-nav a:hover{color:var(--mm-text)}
.mm-footer-legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:28px;border-top:1px solid var(--mm-line);font-size:13px}
.mm-webdadd::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mm-webdadd);margin-right:7px;vertical-align:1px}

/* ===== Contenu WordPress classique ===== */
.mm-main{padding:48px 0}
.mm-main .entry-title{font:600 34px/1.15 var(--mm-font-heading);margin:0 0 18px;letter-spacing:-.01em}
.mm-main .entry-title a{color:var(--mm-text);text-decoration:none}
.mm-entry+.mm-entry{margin-top:40px;padding-top:40px;border-top:1px solid var(--mm-line)}
.entry-content{max-width:72ch}
.entry-content h2,.entry-content h3{font-family:var(--mm-font-heading);font-weight:600}
.mm-404{text-align:center}.mm-404 .mm-ring{margin:0 auto 20px}.mm-404 .entry-content,.mm-404 p{margin-left:auto;margin-right:auto}

/* ===== Anneau du « 4 » ===== */
.mm-ring{width:100%;margin-left:auto;color:var(--mm-text)}
.mm-ring svg{display:block;width:100%;height:auto;overflow:visible}

/* ===== Elementor : le design vient du thème, pas des réglages de chaque widget ===== */
body.mm-theme .elementor-widget-heading .elementor-heading-title{color:var(--mm-text);font-family:var(--mm-font-heading);font-weight:600;line-height:1.1;letter-spacing:-.01em}
body.mm-theme .elementor-widget-text-editor{color:var(--mm-muted)}
body.mm-theme .elementor-widget-text-editor p{margin:0}
body.mm-theme .mm-acc{color:var(--mm-accent)}
body.mm-theme .mm-sec{padding:34px 0}
body.mm-theme .mm-hero{padding:72px 0 48px;background:var(--mm-hero-glow),var(--mm-hero-bg)}
body.mm-theme .mm-hero .elementor-heading-title{color:var(--mm-hero-text)}
body.mm-theme .mm-hero .elementor-widget-text-editor{color:var(--mm-hero-muted)}
body.mm-theme .mm-hero .elementor-widget,body.mm-theme .mm-cta .elementor-widget{text-align:var(--mm-hero-align)}
body.mm-theme .mm-hero .mm-btn-p .elementor-button{background:var(--mm-hero-btn-bg);color:var(--mm-hero-btn-text)}
body.mm-theme .mm-cta>.elementor-container{border:1px solid var(--mm-line2);border-radius:var(--mm-radius);background:var(--mm-card);padding:36px 16px}
body.mm-theme .mm-tag{color:var(--mm-violet-2);font-weight:500}
body.mm-theme .mm-hero .mm-tag{color:var(--mm-hero-text);opacity:.85}
body.mm-theme .mm-sub{max-width:560px}
body.mm-theme .mm-price .elementor-heading-title{font-weight:700}
body.mm-theme .mm-price-old{color:var(--mm-muted)}
body.mm-theme .mm-num .elementor-heading-title{color:var(--mm-violet-2)}
body.mm-theme .mm-card>.elementor-element-populated,body.mm-theme .mm-card>.elementor-column-wrap>.elementor-widget-wrap{background:var(--mm-card);border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:22px;margin:0 0 14px;backdrop-filter:var(--mm-card-filter)}
body.mm-theme .mm-live>.elementor-element-populated{border-color:var(--mm-violet)}
body.mm-theme .elementor-button{border-radius:var(--mm-radius-btn);padding:13px 26px;border:0;font-family:var(--mm-font);font-weight:600}
body.mm-theme .mm-big .elementor-button{padding:15px 32px;font-size:16px}
body.mm-theme .mm-btn-p .elementor-button{background:var(--mm-btn-bg);color:var(--mm-btn-text)}
body.mm-theme .mm-btn-v .elementor-button{background:var(--mm-violet);color:#fff}
body.mm-theme .mm-btn-y .elementor-button{background:var(--mm-yellow);color:#161300}
body.mm-theme .mm-btn-o .elementor-button{background:transparent;color:var(--mm-text);border:1px solid var(--mm-line2)}
body.mm-theme .elementor-widget-toggle .elementor-tab-title,body.mm-theme .elementor-widget-toggle .elementor-tab-title a{color:var(--mm-text)}
body.mm-theme .elementor-widget-toggle .elementor-tab-content{color:var(--mm-muted)}
body.mm-theme .elementor-widget-toggle .elementor-toggle-item{border-color:var(--mm-line)}
@media(max-width:767px){body.mm-theme .mm-hero{padding:44px 0 28px}body.mm-theme .mm-hero .mm-ring{max-width:220px!important;margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Le logo officiel Q4 Morphose inclut sa zone de protection : on l'affiche un peu plus haut */
.mm-brand-q4 .mm-logo img{height:48px}
@media(max-width:860px){.mm-brand-q4 .mm-logo img{height:40px}}
@media(max-width:420px){.mm-logo img,.custom-logo{max-width:46vw}.mm-theme .mm-cta-link{padding:8px 14px;font-size:13.5px}}