/*
Theme Name: Mebak Lite
Theme URI: https://mebak.fr/
Author: OpenAI
Description: Thème WordPress léger pour Mebak avec charte graphique, header et footer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mebak-lite
*/

:root{
  --mebak-primary:#14213D;
  --mebak-secondary:#C8A96B;
  --mebak-third:#F7F5F0;
  --mebak-text:#23314f;
  --mebak-text-soft:#5f6980;
  --mebak-white:#ffffff;
  --mebak-border:rgba(20,33,61,.10);
  --mebak-shadow:0 14px 40px rgba(20,33,61,.08);
  --mebak-radius:22px;
  --mebak-container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Inter", Arial, sans-serif;
  color:var(--mebak-text);
  background:var(--mebak-third);
  line-height:1.7;
  font-size:16px;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.mebak-container{
  width:min(var(--mebak-container), calc(100% - 32px));
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,245,240,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(20,33,61,.06);
}

.site-header__inner{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.site-branding img{
  width:230px;
}

.site-nav{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
  color:var(--mebak-primary);
  font-weight:500;
}

.site-nav a{
  position:relative;
  padding-bottom:6px;
}

.site-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:var(--mebak-secondary);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}

.site-nav a:hover::after,
.site-nav a:focus::after{
  transform:scaleX(1);
}

.site-header__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:var(--mebak-primary);
  color:var(--mebak-white);
  font-weight:600;
  transition:transform .25s ease, background .25s ease;
}

.site-header__cta:hover{
  background:#1c2c54;
  transform:translateY(-2px);
}

.site-main{
  padding:56px 0 72px;
}

.page-shell{
  background:rgba(255,255,255,.66);
  border:1px solid var(--mebak-border);
  border-radius:32px;
  padding:44px;
  box-shadow:var(--mebak-shadow);
}

.entry-title,
h1, h2, h3, h4{
  font-family:"Playfair Display", Georgia, serif;
  color:var(--mebak-primary);
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 18px;
}

.entry-title, h1{font-size:clamp(2.2rem, 4vw, 3.6rem)}
h2{font-size:clamp(1.8rem, 3vw, 2.7rem); margin-top:34px}
h3{font-size:1.5rem; margin-top:28px}
h4{font-size:1.2rem; margin-top:22px}

p, ul, ol, blockquote{
  margin:0 0 18px;
}

ul, ol{
  padding-left:22px;
}

.entry-content a{
  color:var(--mebak-primary);
  text-decoration:underline;
  text-decoration-color:rgba(200,169,107,.8);
  text-underline-offset:3px;
}

.entry-content .wp-block-button__link,
.mebak-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  background:var(--mebak-primary);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  border:1px solid transparent;
}

.entry-content .wp-block-button__link:hover,
.mebak-button:hover{
  background:#1c2c54;
}

.site-footer{
  background:var(--mebak-primary);
  color:#fff;
  padding:48px 0 26px;
  margin-top:10px;
}

.site-footer__grid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:28px;
  align-items:start;
}

.site-footer__title{
  color:var(--mebak-secondary);
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.2rem;
  margin:0 0 12px;
}

.site-footer p,
.site-footer li,
.site-footer a{
  color:rgba(255,255,255,.84);
}

.site-footer ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.site-footer__bottom{
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:28px;
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.72);
  font-size:.95rem;
}

.site-footer a:hover{
  color:var(--mebak-secondary);
}

@media (max-width: 960px){
  .site-header__inner{
    flex-direction:column;
    padding:16px 0;
  }

  .site-nav{
    justify-content:center;
    gap:18px;
  }

  .site-footer__grid{
    grid-template-columns:1fr;
  }

  .page-shell{
    padding:28px;
  }
}

@media (max-width: 640px){
  .site-branding img{
    width:190px;
  }

  .site-nav{
    flex-direction:column;
  }

  .site-header__cta{
    width:100%;
  }

  .page-shell{
    padding:22px;
    border-radius:24px;
  }
}
.mebak-signature {
  text-align: right;
  margin-top: 10px;
  font-size: 0.85rem;
  opacity: 0.7;
}

.mebak-signature a {
  color: inherit;
  text-decoration: none;
}

.mebak-signature a:hover {
  color: #C8A96B;
}
.menu-toggle{
  display:none;
  width:48px;
  height:48px;
  border:none;
  background:transparent;
  cursor:pointer;
  padding:0;
  border-radius:12px;
}

.menu-toggle span{
  display:block;
  width:24px;
  height:2px;
  background:var(--mebak-primary);
  margin:5px auto;
  transition:all .25s ease;
}

.site-nav__cta-mobile{
  display:none;
}

@media (max-width: 960px){
  .site-header__inner{
    min-height:88px;
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:18px;
    padding:16px 0;
  }

  .site-header__cta{
    display:none;
  }

  .menu-toggle{
    display:block;
    justify-self:end;
  }

  .site-nav{
    display:none;
    grid-column:1 / -1;
    width:100%;
    background:#ffffff;
    border:1px solid rgba(20,33,61,.08);
    border-radius:22px;
    padding:18px;
    box-shadow:0 14px 40px rgba(20,33,61,.08);
    margin-top:6px;
  }

  .site-nav.is-open{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }

  .site-nav a{
    width:100%;
    padding:8px 0;
  }

  .site-nav__cta-mobile{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:999px;
    background:var(--mebak-primary);
    color:#fff !important;
    font-weight:600;
    margin-top:8px;
    width:auto !important;
  }

  .site-nav__cta-mobile:hover{
    background:#1c2c54;
  }
}
/* ===== AMÉLIORATION ESPACEMENTS SECTIONS NAVY ===== */

.section-navy {
  padding: 70px 60px;
  border-radius: 34px;
}

/* Texte jamais collé */
.section-navy .container {
  max-width: 1100px;
  margin: 0 auto;
}

/* Sécurité pour tous les blocs */
.section-navy p,
.section-navy h2,
.section-navy h3 {
  max-width: 800px;
}

/* Mobile */
@media (max-width: 820px) {
  .section-navy {
    padding: 40px 22px;
  }
}

/* Petit mobile */
@media (max-width: 480px) {
  .section-navy {
    padding: 32px 18px;
  }
}
/* ===== CORRECTION MOBILE ESPACEMENTS BLOCS BLEU FONCÉ ===== */
@media (max-width: 820px) {
  .mebak-home .section-navy,
  .mebak-cabinet .section-navy,
  .mebak-expertises .section-navy,
  .mebak-clientele .section-navy,
  .mebak-contact .section-navy {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (max-width: 480px) {
  .mebak-home .section-navy,
  .mebak-cabinet .section-navy,
  .mebak-expertises .section-navy,
  .mebak-clientele .section-navy,
  .mebak-contact .section-navy {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}