/*
 Theme Name:   WebLevel Template
 Theme URI:    https://molina-avocats.com/
 Description:  Thème Elementor
 Author:       Simon Amzallag (WebLevel)
 Template:     twentytwentyone
 Version:      1.0.0
 Text Domain:  WebLevel
*/


body.single-post .ma-article{max-width:820px;margin:40px auto;padding:0 16px;font-family:Montserrat,sans-serif;line-height:1.7;color:#0f1222;}


/* ------------------------------
   Variables personnalisées
   ------------------------------ */
:root{
  --bleu:#0A58B5;
  --or:#C99E52;
  --noir:#0f1222;
  --gris:#5f6783;
  --fond:#ffffff;
  --rayon:14px;
  --ombre:0 10px 30px rgba(15,18,34,.08);
  --font-titre:"Montserrat", sans-serif;
  --font-texte:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ------------------------------
   Reset basique (tu peux retirer si tu utilises déjà un reset ailleurs)
   ------------------------------ */
html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;font-family:var(--font-texte);color:var(--noir);line-height:1.6;background:var(--fond);}
img{max-width:100%;height:auto;display:block;}

/* ------------------------------
   Titres
   ------------------------------ */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-titre);
  margin:0 0 12px;
  font-weight:700;
  line-height:1.2;
}
h1{font-size:clamp(28px,6vw,42px);}
h2{font-size:clamp(22px,4vw,32px);}
h3{font-size:clamp(18px,3vw,24px);}

/* ------------------------------
   Liens & boutons
   ------------------------------ */
a{
  color:var(--bleu);
  text-decoration:none;
  transition:color .25s ease, background .25s ease;
}
a:hover{
  color:#000;
  text-decoration:underline;
  text-underline-offset:3px;
}
button,
input[type="submit"],
.ma-btn{
  display:inline-block;
  padding:12px 24px;
  border-radius:var(--rayon);
  border:1px solid var(--bleu);
  background:var(--bleu);
  color:#fff;
  font-family:var(--font-titre);
  font-weight:600;
  text-transform:uppercase;
  font-size:14px;
  cursor:pointer;
  transition:background .25s ease, color .25s ease;
}
button:hover,
input[type="submit"]:hover,
.ma-btn:hover{
  background:#000;
  border-color:#000;
  color:#fff;
}

/* ------------------------------
   Sections génériques
   ------------------------------ */
section{
  padding:clamp(40px,6vw,80px) 16px;
}
.container{
  width:min(1200px,92vw);
  margin-inline:auto;
}

/* ------------------------------
   Articles de blog (exemple)
   ------------------------------ */
.single-post .site-main{
  max-width:820px;
  margin:0 auto;
  padding:40px 16px;
}
.single-post h1.entry-title{
  font-size:clamp(26px,5vw,36px);
  font-weight:800;
  margin-bottom:20px;
}
.single-post .post-meta{
  font-size:14px;
  color:var(--gris);
  margin-bottom:20px;
}
.single-post .post-content{
  font-size:15px;
  line-height:1.8;
  color:var(--noir);
}