/* === MARQ STUDIO — SHARED STYLES === */

/* BURGER */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;width:36px;height:36px;flex-shrink:0;}
.burger span{display:block;height:2px;background:#1a1208;transition:transform .25s,opacity .25s;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* MOBILE MENU OVERLAY */
.mobile-menu{display:none;position:fixed;inset:0;background:#fff;z-index:998;overflow-y:auto;padding:72px 1.5rem 2rem;flex-direction:column;}
.mobile-menu.open{display:flex;}
.mm-close{position:fixed;top:0;right:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;font-size:22px;color:#1a1208;z-index:999;line-height:1;}
.mm-section-title{font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#1a1208;margin-bottom:.8rem;margin-top:1.5rem;}
.mm-section-title:first-of-type{margin-top:0;}
.mm-links{display:flex;flex-direction:column;}
.mm-links a{font-size:14px;font-weight:500;color:#1a1208;padding:.55rem 0;border-bottom:.5px solid #f0f0f0;cursor:pointer;text-decoration:none;}
.mm-links a:active{color:#1a1208;}
.mm-contact{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#1a1208;padding:1rem 2rem;text-align:center;margin-top:2rem;text-decoration:none;cursor:pointer;}

/* FOOTER */
.site-footer{background:#fff;color:#1a1208;padding:3.5rem 2.5rem 0;border-top:1px solid #e0dbd0;}
.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:1300px;margin:0 auto;padding-bottom:3rem;border-bottom:1px solid #e0dbd0;}
.footer-logo-img{height:24px;width:auto;margin-bottom:1.2rem;display:block;}
.footer-tagline{font-size:11px;color:#7a6f5a;line-height:1.7;margin-bottom:1rem;}
.footer-mail{font-size:10px;font-weight:700;letter-spacing:.1em;color:#1a1208;text-decoration:none;}
.footer-mail:hover{color:#1a1208;}
.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.footer-nav-label{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#1a1208;margin-bottom:.9rem;}
.footer-nav-col a{display:block;font-size:11px;color:#7a6f5a;text-decoration:none;margin-bottom:.45rem;transition:color .15s;cursor:pointer;}
.footer-nav-col a:hover{color:#1a1208;}
.footer-bottom{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;padding:1.1rem 0;max-width:1300px;margin:0 auto;}
.footer-bottom span,.footer-bottom a{font-size:9px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#aaa;text-decoration:none;transition:color .15s;cursor:pointer;}
.footer-bottom a:hover{color:#1a1208;}

/* STATS BORDER FIX */
.stats{border-top:1px solid #e0dbd0 !important;}

/* CTA BLOCK — textes sur fond noir */
.cta-block-text .label{color:rgba(255,255,255,.5) !important;}
.cta-block-text p{color:rgba(255,255,255,.55) !important;}
.cta-gold{color:#1a1208 !important;background:#fff !important;}
.cta-gold:hover{background:#e0dbd0 !important;}

/* FEATURE CARDS */
.card{transition:transform .15s,box-shadow .15s;}
.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.07);}
.card-title::after{content:'';display:block;width:20px;height:1px;background:#1a1208;margin-top:.45rem;}

/* RELATED GRID */
.rel-card{position:relative;padding-right:2.8rem;}
.rel-card::after{content:'→';position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:13px;color:#1a1208;transition:transform .2s;}
.rel-card:hover::after{transform:translateY(-50%) translateX(4px);}
.rel-title{transition:color .15s;}
.rel-card:hover .rel-title{color:#1a1208;}

/* CTA BOTTOM — second CTA after FAQ */
.cta-bottom{text-align:center;padding:3rem 2rem;border-top:1px solid #e0dbd0;border-bottom:1px solid #e0dbd0;}
.cta-bottom .cta-primary{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#1a1208;padding:1rem 2.8rem;display:inline-block;text-decoration:none;cursor:pointer;}
.cta-bottom .cta-primary:hover{background:#333;color:#fff;}

/* NAV DROPDOWNS — 3 menus séparés */
.nav-services{position:relative;}
.nav-services-btn{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1a1208;cursor:pointer;background:none;border:none;font-family:'Montserrat',sans-serif;display:flex;align-items:center;transition:opacity .15s;opacity:1 !important;}
.nav-services-btn::after{content:none !important;}
.nav-link{opacity:1 !important;}
.nav-devis{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff !important;background:#1a1208;padding:.6rem 1.4rem;cursor:pointer;text-decoration:none;transition:opacity .15s;white-space:nowrap;}
.nav-devis:hover{opacity:.75;}
.services-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e0dbd0;border-top:2px solid #1a1208;z-index:999;min-width:210px;padding:1rem 1.5rem;flex-direction:column !important;}
.nav-services:hover .services-menu{display:flex !important;}
.services-menu .sm-col{display:contents;}
.services-menu .sm-col h4{display:none;}
.services-menu a{display:block !important;font-size:10px;color:#1a1208 !important;padding:.3rem 0;letter-spacing:.04em;font-weight:500;border-bottom:.5px solid #f0f0f0;transition:font-weight .1s;cursor:pointer;}
.services-menu a:last-child{border-bottom:none;}
.services-menu a:hover,.services-menu a.cur{font-weight:700;color:#1a1208 !important;}

/* PREVENT HORIZONTAL OVERFLOW */
html,body{overflow-x:hidden;max-width:100%;}
*{min-width:0;}
img,video{max-width:100%;height:auto;}

/* BURGER — visible jusqu'à 1024px */
@media(max-width:1024px){
  nav{padding:0 1rem !important;height:60px !important;}
  .nav-tagline,.nav-services,.nav-link,.nav-devis{display:none !important;}
  .nav-left::after{display:none !important;}
  .burger{display:flex !important;}
}
/* MOBILE BREAKPOINT — SEO PAGES */
@media(max-width:768px){
  .site-footer{padding:2.5rem 1.25rem 0;}
  .footer-inner{grid-template-columns:1fr;gap:2.5rem;}
  .footer-nav{grid-template-columns:1fr 1fr;gap:2rem;}
  h1{font-size:clamp(2.4rem,10vw,3.2rem) !important;line-height:.92 !important;}
  .hero{padding:2rem 1.25rem 2rem !important;}
  .stats{grid-template-columns:1fr 1fr !important;}
  .stat{padding:1rem 1.25rem !important;}
  .stat-n{font-size:28px !important;}
  .section{padding:2rem 1.25rem !important;}
  .cards{grid-template-columns:1fr !important;}
  .cta-block{flex-direction:column !important;text-align:center !important;padding:2rem 1.25rem !important;gap:1.5rem !important;}
  .related-grid{grid-template-columns:1fr 1fr !important;}
  h2{font-size:1.8rem !important;}
}