/*
Theme Name: Hello Elementor MU Clair
Theme URI: https://www.mujunction.com/fr
Template: hello-elementor
Author: MU Junction Team
Author URI: https://www.mujunction.com
Description: MU Junction Theme Clair
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.2.0 (Optimized 2026 - REM/EM Edition)
Updated: 2022-10-13 18:41:41

  --mu-gold: #ca8e20;
  --mu-blue: #164fbd;
  --mu-red: #d02828;
  --mu-purple: #8258a4;
  --mu-green: #67bd45;
  --mu-dark-gray: #333333;
  --mu-light-gray: #f0f0f0;

*/

@import url("https://use.typekit.net/lsf1adl.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');*/

:root {
   font-size: 16px;

   /* Palette Identité */
    --mu-gold: #CA8E20;        /* Accent & Lumière */
    --mu-gold-hover: #B27C1C;
    --mu-blue-night: #161F3C;  /* Élégance classique */
    --mu-blue-black: #131729;  /* Fond Accueil (Spatial) */
    --mu-blue-deep: #183255;  /* Fond Accueil (Spatial) */
    --mu-bordeaux: #692340;    /* Accent Stylé / Survol */

    /* Fonds et Textes */
    --mu-off-white: #F0F0F0;
    --mu-deep-grey: #333333;
    --mu-soft-white: #EAEAEA;
    --mu-text-light: #999999;

    /* Messages */
    --mu-bleu: #164FBD;
    --mu-rouge: #D02828;
    --mu-violet: #8258A4;
    --mu-vert: #67BD45;
    --mu-vert-bouteille: #0b2e22;
}


/*
 *
 *
 * GENERAL
 *
 *
 *
 */

html {
   background-color: var(--mu-blue-black) !important;
}

body {
   font-family: 'Inter', sans-serif;
   font-size: 1rem;
   line-height: 1.65;
   font-weight: 400;
   background-color: var(--mu-off-white);
   color: var(--mu-deep-grey);
   -webkit-font-smoothing: antialiased;
}

.sombre p, .sombre span, .sombre li, .sombre h1, .sombre h2, .sombre h3, .sombre h4 {
   color: var(--mu-off-white) !important;
}

body a {
   color: black;
   transition: all 0.3s;
}

body a:hover, body a:focus {
   color: #ca8e20;
}

body a:active {
   color: #164fbd;
}

textarea {
    border-left-width: 1px !important;
}

/* --- Titres (Sofia Pro - Identité mu) --- */
h1, h2, h3, .mu-logo-font {
    font-family: 'Sofia Pro', sans-serif;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    color: var(--mu-blue-night);
    text-transform: uppercase;
}

h1 { font-size: 2.5rem; letter-spacing: -0.02em; }
h2 { font-size: 1.875rem; padding-left: 0.8em; /*border-left: 0.2em solid var(--mu-gold);i*/ }
h3 { font-size: 1.4rem; color: var(--mu-bordeaux); }

h4, h5, h6 {
    font-family: 'Sofia Pro', sans-serif;
}

/* ENTETE et PIED de page */
body #site-header, body .elementor-location-footer {
   background: black;
}

body #site-header p.site-description.show {
   color: #999999;
   letter-spacing: 0em;
   line-height: 0;
   text-align: right;
   font-size: 0.95em;
}

#site-header a {
   color: white;
}

#site-header a:hover, #site-header a:focus {
   color: #ca8e20;
}

#site-header a:active {
   color: #164fbd;
}

#site-header #menu-principal-1 a {
   color: black;
}

.site-navigation {
  font-family: "Inter", Sans-serif;
}


/* bas de page */
.elementor-location-footer h6 {
   color: #ccc;
}

.elementor-location-footer {
   color: #aaa;
}

.elementor-location-footer a {
   color: white;
}

.elementor-location-footer a:hover, .elementor-location-footer a:focus {
   color: #ca8e20;
}

.elementor-location-footer a:active {
   color: #164fbd;
}


/* ELEMENTS */

/************************/
/* BOUTONS      	*/
/************************/

a.elementor-button {
    font-family: 'Sofia Pro', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 2em !important; /* Forme pilule maintenue */
    transition: all 0.3s ease !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.06em solid transparent; /* 1px approx */
}

a.elementor-button .e-font-icon-svg {
    fill: currentColor;
}

/* Bouton Gold */
a.elementor-button {
    background-color: var(--mu-gold) !important;
    color: #fff !important;
    border-color: var(--mu-gold) !important;
}

/* Hovers */
a.elementor-button:hover {
    background-color: var(--mu-gold-hover) !important;
    border-color: var(--mu-gold-hover) !important;
    transform: translateY(-0.125rem); /* 2px */
}

/* Bouton blanc */
.blanc a.elementor-button {
    background-color: white !important;
    color: var(--mu-bordeaux) !important;
    border-color: var(--mu-bordeaux) !important;
}

/* Hovers */
.blanc a.elementor-button:hover {
    background-color: var(--mu-bordeaux) !important;
    color: white !important;
    border-color: var(--mu-bordeaux) !important;
    transform: translateY(-0.125rem); /* 2px */
}


/* --- CONFIGURATION RESPONSIVE (REM/EM) --- */

/* MOBILE */
@media (max-width: 767px) {
    body { font-size: 1rem; } /* 16px sur mobile */
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }

    a.elementor-button {
        font-size: 1rem !important; /* 16px */
        min-height: 3rem;           /* 48px : hauteur tactile idéale */
        padding: 0.8em 1.5em !important; /* Marges internes proportionnelles au texte */
        width: 100%;
    }
}

/* DESKTOP */
@media (min-width: 768px) {
    a.elementor-button {
        font-size: 1.125rem !important; /* 18px */
        min-height: 3.125rem;          /* 50px */
        padding: 0.8em 2em !important;
    }

    /* Variation spécifique .buy-button pour l'accueil/shop */
    /*a.elementor-button:hover {
        background-color: var(--mu-gold-hover) !important;
        border-color: var(--mu-gold-hover) !important;
        box-shadow: 0 0.3rem 1rem rgba(202, 142, 32, 0.3);
    }*/
}

/************************/
/* Connexion */
/************************/
.site-navigation {
   font-family: 'Sofia Pro', sans-serif;
   font-weight: 300;
   color: var(--mu-text-light);
}

.site-navigation ul.menu li.menu-item-364 {
    display: none;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    background-color: #d02828;
    color: white;
    border: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 1em 2em;
    border: none;
    color: white;
    background-color: #164fdb;
    border-radius: 0.5em;
}


/*
 *
 * PAGE D'ACCUEIL
 *
 *
 * */

body.home {
   background-color: var(--mu-blue-black) !important;
   color: var(--mu-soft-white);
   min-height: 100vh;
}

.mj-dark-section {
    background-color: var(--mj-blue-black) !important;
    color: var(--mu-soft-white);
}

.home h1, .home h2, .home h3, .mu-dark-mode h1, .mu-dark-mode h2, .mu-dark-mode h3 {
    color: var(--mu-gold);
    font-weight: 200;
}

/*.home p, .mu-dark-mode p {
    color: var(--mu-text-light);
}*/

.home a {
   color: white;
}

/* Responsive */
@media (max-width: 768px) {
    h1 { font-size: 2.1rem; }
    h2 { font-size: 1.6rem; }
    body { font-size: 0.9rem; }
}