:root{
    --mm-blue:#2458ff;
    --mm-purple:#6426ff;
    --mm-pink:#ed2fad;
    --mm-ink:#141425;
    --mm-muted:#68697a;
    --mm-white:#ffffff;
    --mm-soft:#f7f7ff;
    --mm-border:rgba(87,66,175,.14);
    --mm-gradient:linear-gradient(135deg,#2458ff 0%,#6426ff 48%,#ed2fad 100%);
}

html,body{
    background:#fff !important;
    color:var(--mm-ink) !important;
}

body{
    min-width:320px;
}

main,
.page,
.wrapper,
.container,
.content,
.content-block,
.cart-card,
.order-card,
.summary-card,
.panel,
.card,
.form-card,
.login-card{
    color:var(--mm-ink);
}

header,
.site-header,
.topbar,
.navbar{
    background:rgba(255,255,255,.98) !important;
    color:var(--mm-ink) !important;
}

input,
select,
textarea{
    color:var(--mm-ink) !important;
    background:#fff !important;
    border-color:var(--mm-border) !important;
}

button,
.button,
.btn,
.site-button{
    border:0;
}

.button.primary,
.btn-primary,
.site-button,
button[type="submit"]{
    color:#fff !important;
    background:var(--mm-gradient) !important;
}

a{
    color:inherit;
}

.mmhouse-light-logo{
    font-family:"Poppins",Arial,sans-serif;
    font-weight:900;
    letter-spacing:-1.5px;
    color:transparent;
    background:var(--mm-gradient);
    -webkit-background-clip:text;
    background-clip:text;
}

/* =========================================================
   MM-HOUSE — HARMONISATION PANIER + MERCI
   ========================================================= */

/* Header commun */
.header{
    background:#ffffff !important;
    color:#141425 !important;
    border-bottom:1px solid rgba(87,66,175,.12) !important;
    box-shadow:0 6px 24px rgba(70,50,150,.05) !important;
}

.header .brand{
    color:transparent !important;
    background:linear-gradient(
        90deg,
        #2458ff 0%,
        #6426ff 52%,
        #ed2fad 100%
    ) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    font-weight:900 !important;
}

.header > a:not(.brand){
    color:#5f6172 !important;
}

/* PANIER */
.empty{
    color:#141425 !important;
    background:#ffffff !important;
    border:1px solid rgba(87,66,175,.14) !important;
    box-shadow:0 18px 50px rgba(70,50,150,.08) !important;
}

.empty h1{
    color:#141425 !important;
}

.empty p{
    color:#68697a !important;
}

.empty a{
    color:#ffffff !important;
    background:linear-gradient(
        135deg,
        #2458ff 0%,
        #6426ff 48%,
        #ed2fad 100%
    ) !important;
}

/* Cartes panier réel */
.card{
    color:#141425 !important;
    background:#ffffff !important;
    border-color:rgba(87,66,175,.14) !important;
    box-shadow:0 18px 50px rgba(70,50,150,.07) !important;
}

.card,
.card *{
    border-color:rgba(87,66,175,.12);
}

.card input,
.card select,
.card textarea{
    background:#ffffff !important;
    color:#141425 !important;
}

/* MERCI */
.error-box,
.confirmation{
    color:#141425 !important;
    background:#ffffff !important;
    border:1px solid rgba(87,66,175,.14) !important;
    box-shadow:0 18px 50px rgba(70,50,150,.08) !important;
}

.error-box h1,
.confirmation h1{
    color:#141425 !important;
}

.error-box p,
.confirmation .intro{
    color:#68697a !important;
}

.important{
    color:#166534 !important;
    background:#f0fdf4 !important;
    border-color:rgba(34,197,94,.20) !important;
}

.order{
    color:#141425 !important;
    background:#faf9ff !important;
}

.information{
    color:#141425 !important;
    background:#ffffff !important;
    border-color:rgba(87,66,175,.12) !important;
}

.information span{
    color:#68697a !important;
}

.button.primary{
    color:#ffffff !important;
    background:linear-gradient(
        135deg,
        #2458ff 0%,
        #6426ff 48%,
        #ed2fad 100%
    ) !important;
}

.button.secondary{
    color:#6426ff !important;
    background:#f7f5ff !important;
    border:1px solid rgba(100,38,255,.14) !important;
}

/* Responsive mobile */
@media(max-width:700px){
    .header{
        padding-left:5% !important;
        padding-right:5% !important;
    }

    .main{
        padding-left:5% !important;
        padding-right:5% !important;
    }

    .empty,
    .error-box,
    .confirmation{
        border-radius:22px !important;
    }
}

/* =========================================================
   MM HOUSE — HEADER PUBLIC COMMUN
   ========================================================= */

.mm-public-header{
    min-height:76px !important;
    padding:0 5% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;

    background:#ffffff !important;
    border-bottom:1px solid rgba(87,66,175,.10) !important;
    box-shadow:0 5px 22px rgba(67,48,145,.045) !important;
}

.mm-public-brand{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;

    text-decoration:none !important;

    font-family:Arial,sans-serif !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-1.3px !important;

    background:none !important;
    color:inherit !important;
}

.mm-brand-mm{
    color:#3157ff !important;
}

.mm-brand-house{
    color:#6a27f5 !important;
}

.mm-public-brand:hover .mm-brand-house{
    color:#e92eae !important;
}

.mm-back-site{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:38px !important;
    padding:0 16px !important;

    color:#595b6d !important;
    background:#f8f7ff !important;

    border:1px solid rgba(100,38,255,.10) !important;
    border-radius:999px !important;

    text-decoration:none !important;
    font-size:12px !important;
    font-weight:800 !important;

    transition:.2s ease !important;
}

.mm-back-site:hover{
    color:#6426ff !important;
    background:#f1edff !important;
    transform:translateY(-1px);
}

@media(max-width:600px){

    .mm-public-header{
        min-height:68px !important;
        padding:0 5% !important;
    }

    .mm-public-brand{
        font-size:18px !important;
    }

    .mm-back-site{
        min-height:34px !important;
        padding:0 12px !important;
        font-size:10px !important;
    }
}