/* MR Conseil — Démonstration CSE Suite 1.0.2
   Référence graphique : pages MR Communication & Conseil */
.mr-cse-demo-page .entry-header,
.mr-cse-demo-page .entry-title,
.mr-cse-demo-page .page-header{display:none!important}
.mr-cse-demo-page #primary,
.mr-cse-demo-page .content-area,
.mr-cse-demo-page .site-main,
.mr-cse-demo-page .entry-content,
.mr-cse-demo-page .content-container,
.mr-cse-demo-page .site-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

.mr-cse-demo{
  --navy:#071625;--navy2:#0d1f33;--navy3:#152840;
  --gold:#d7ad33;--gold2:#efc744;--blue:#0d6fc0;
  --green:#55b542;--ink:#101f30;--muted:#667686;--line:#dce4ea;
  font-family:inherit;color:var(--ink);overflow:hidden;background:#fff
}
.mr-cse-demo *{box-sizing:border-box}
.mr-wrap{width:min(1030px,88%);margin:auto}

/* HERO inspiré des pages du site */
.mr-hero-ref{
  background:linear-gradient(110deg,var(--navy) 0%,#0a1c2d 58%,#1e2b3b 100%);
  padding:74px 0 78px;
  position:relative
}
.mr-hero-ref-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}
.mr-eyebrow{
  display:inline-block;color:var(--gold2);font-size:12px;letter-spacing:1.9px;
  font-weight:900;margin-bottom:17px
}
.mr-eyebrow.dark{color:#a17b18}
.mr-hero-ref h1{
  color:#fff;font-size:clamp(46px,5vw,68px);line-height:1.06;
  letter-spacing:-2px;margin:0 0 22px;font-weight:900
}
.mr-hero-ref p{
  color:#d5dee7;font-size:17px;line-height:1.7;max-width:650px;margin:0
}
.mr-hero-ref-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mr-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;
  border-radius:999px;font-weight:900;text-decoration:none!important;border:1px solid transparent;
  transition:.2s ease;cursor:pointer
}
.mr-btn:hover{transform:translateY(-2px)}
.mr-btn-gold{background:var(--gold);color:#121d29!important;box-shadow:0 8px 22px #0004}
.mr-btn-outline{border-color:#8090a0;color:#fff!important;background:transparent}
.mr-hero-ref-points{display:flex;gap:18px;flex-wrap:wrap;color:#c7d1da;font-size:12px;margin-top:28px}
.mr-hero-ref-visual{position:relative;min-height:460px}
.mr-visual-stack{position:relative;height:100%}
.mr-visual-card{
  position:absolute;background:#fff;border:8px solid #fff;
  box-shadow:0 24px 55px #0008;overflow:hidden
}
.mr-visual-card img{width:100%;height:100%;display:block;object-fit:cover}
.mr-card-main{width:68%;right:3%;top:38px;transform:rotate(3deg)}
.mr-card-main img{height:290px}
.mr-card-pos{width:53%;left:1%;bottom:18px;transform:rotate(-3deg)}
.mr-card-pos img{height:215px}
.mr-card-mobile{width:23%;right:28%;bottom:-10px;border-radius:24px}
.mr-card-mobile img{height:235px;object-fit:cover;object-position:top}
.mr-card-qr{width:20%;right:0;bottom:4px;border-radius:22px}
.mr-card-qr img{height:225px;object-fit:cover;object-position:top}
.mr-stat-card{
  position:absolute;right:-5px;top:300px;background:#fff;padding:18px 20px;border-radius:14px;
  box-shadow:0 16px 34px #0004;z-index:5;min-width:160px
}
.mr-stat-card span{display:block;color:#967116;font-size:10px;letter-spacing:1px;font-weight:900}
.mr-stat-card strong{display:block;color:var(--navy);font-size:34px;line-height:1.05}
.mr-stat-card b{font-size:12px;color:#6e7c88}

.mr-strip{background:#fff;border-bottom:1px solid #e6ebef}
.mr-strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.mr-strip-grid span{padding:18px;text-align:center;color:#536372;font-size:12px;font-weight:700}
.mr-strip-grid span+span{border-left:1px solid #eef1f3}

.mr-section{padding:72px 0}
.mr-section-head{text-align:center;max-width:760px;margin:0 auto 36px}
.mr-section-head h2,.mr-form-intro h2,.mr-bottom h2{
  color:var(--navy);font-size:clamp(31px,3.5vw,44px);line-height:1.12;margin:0 0 12px
}
.mr-section-head p,.mr-form-intro p{color:var(--muted);font-size:16px;line-height:1.65}

.mr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mr-steps article{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;
  box-shadow:0 9px 24px #0a1f320d
}
.mr-steps em{font-style:normal;color:var(--gold);font-size:24px;font-weight:900}
.mr-steps h3{color:var(--navy);margin:9px 0 7px}
.mr-steps p{color:#6b7a88;font-size:13px;line-height:1.5}
.mr-steps strong{color:var(--blue)}

.mr-dark-section{background:linear-gradient(110deg,#071625,#0d2034)}
.mr-section-head.light h2{color:#fff}
.mr-section-head.light p{color:#c3ced7}
.mr-showcase{display:grid;grid-template-columns:1fr 1fr 1.45fr 1.45fr;gap:14px}
.mr-show-card{background:#112941;border:1px solid #284058;border-radius:12px;overflow:hidden}
.mr-show-card span{display:block;color:var(--gold2);font-weight:900;font-size:11px;padding:12px 14px;letter-spacing:.8px}
.mr-show-card img{display:block;width:100%;height:310px;object-fit:cover;object-position:top}
.mr-show-card:nth-child(1) img,.mr-show-card:nth-child(2) img{object-fit:contain;background:#eef4f8}

.mr-features-section{background:#f7f8fa}
.mr-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mr-features span{
  display:block;background:#fff;border:1px solid #e1e7ec;border-radius:12px;padding:18px;
  font-size:18px
}
.mr-features b{display:block;color:var(--navy);font-size:15px;margin:7px 0 4px}
.mr-features small{display:block;color:#74818d;line-height:1.45}

.mr-form-section{background:#fff}
.mr-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.mr-form-intro{background:var(--navy);border-radius:16px;padding:32px;color:#fff}
.mr-form-intro h2,.mr-form-intro p{color:#fff}
.mr-form-intro p{color:#c9d4dc}
.mr-price-card{background:#0b69b9;border-radius:12px;padding:22px;margin:25px 0;color:#fff}
.mr-price-card span{display:block;font-size:11px;letter-spacing:1px;font-weight:900}
.mr-price-card strong{font-size:52px;line-height:1}
.mr-price-card b{font-size:16px}
.mr-price-card small{display:block;margin-top:8px;color:#d9e8f3}
.mr-assurances{display:grid;gap:8px;font-weight:700;color:#fff}
.mr-form{background:#f8fafb;border:1px solid #dce5eb;border-radius:14px;padding:28px}
.mr-form label{display:block;font-size:13px;font-weight:800;color:#183148;margin-bottom:15px}
.mr-form input,.mr-form select,.mr-form textarea{
  width:100%;margin-top:7px;padding:12px;border:1px solid #cbd7df;border-radius:8px;background:#fff;font:inherit
}
.mr-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mr-consent{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;color:#687783!important}
.mr-consent input{width:auto!important;margin-top:3px!important}
.mr-submit{width:100%}
.mr-success,.mr-error{padding:13px;border-radius:8px;margin-bottom:16px;font-weight:800}
.mr-success{background:#eef9e9;color:#34721f}.mr-error{background:#fff0f0;color:#9e2e2e}

.mr-bottom{background:#051524;padding:42px 0;color:#fff}
.mr-bottom-grid{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center}
.mr-brand img{width:100%;max-height:120px;object-fit:contain;border-radius:10px}
.mr-bottom h2{color:#fff;font-size:25px}
.mr-bottom p{color:#c2ced7;margin:0}

@media(max-width:1000px){
 .mr-wrap{width:min(92%,920px)}
 .mr-hero-ref-grid,.mr-form-wrap{grid-template-columns:1fr}
 .mr-hero-ref-visual{min-height:420px}
 .mr-steps,.mr-features{grid-template-columns:repeat(2,1fr)}
 .mr-showcase{grid-template-columns:repeat(2,1fr)}
 .mr-bottom-grid{grid-template-columns:160px 1fr}
}
@media(max-width:650px){
 .mr-hero-ref{padding:52px 0 64px}
 .mr-hero-ref h1{font-size:42px}
 .mr-hero-ref-visual{min-height:350px}
 .mr-card-main{width:78%}.mr-card-pos{width:58%}.mr-card-mobile{width:27%}.mr-card-qr{width:24%}
 .mr-strip-grid,.mr-steps,.mr-features,.mr-two,.mr-showcase{grid-template-columns:1fr}
 .mr-strip-grid span+span{border-left:0;border-top:1px solid #eef1f3}
 .mr-show-card img{height:auto;max-height:520px;object-fit:contain}
 .mr-bottom-grid{grid-template-columns:1fr;text-align:center}
 .mr-brand img{max-width:160px;margin:auto}
}


/* 1.0.3 — correction paysage / pleine largeur */
.mr-cse-demo .mr-wrap{
  width:min(1380px,92%)!important;
  max-width:1380px!important;
}

.mr-cse-demo .mr-hero-ref{
  padding:56px 0 58px!important;
  min-height:auto!important;
}

.mr-cse-demo .mr-hero-ref-grid{
  grid-template-columns:.86fr 1.14fr!important;
  gap:54px!important;
  align-items:center!important;
}

.mr-cse-demo .mr-hero-ref-copy{
  max-width:620px!important;
}

.mr-cse-demo .mr-hero-ref h1{
  font-size:clamp(44px,4vw,64px)!important;
  line-height:1.04!important;
  max-width:650px!important;
}

.mr-cse-demo .mr-hero-ref p{
  max-width:610px!important;
  font-size:16px!important;
}

.mr-cse-demo .mr-hero-ref-visual{
  min-height:410px!important;
  height:410px!important;
}

.mr-cse-demo .mr-card-main{
  width:73%!important;
  right:4%!important;
  top:16px!important;
  transform:rotate(1.5deg)!important;
}
.mr-cse-demo .mr-card-main img{
  height:275px!important;
  object-fit:cover!important;
  object-position:top center!important;
}

.mr-cse-demo .mr-card-pos{
  width:50%!important;
  left:0!important;
  bottom:6px!important;
  transform:rotate(-2deg)!important;
}
.mr-cse-demo .mr-card-pos img{
  height:205px!important;
  object-fit:cover!important;
  object-position:top center!important;
}

.mr-cse-demo .mr-card-mobile{
  width:18%!important;
  right:23%!important;
  bottom:-6px!important;
}
.mr-cse-demo .mr-card-mobile img{
  height:218px!important;
}

.mr-cse-demo .mr-card-qr{
  width:16%!important;
  right:2%!important;
  bottom:0!important;
}
.mr-cse-demo .mr-card-qr img{
  height:210px!important;
}

.mr-cse-demo .mr-stat-card{
  top:auto!important;
  right:0!important;
  bottom:222px!important;
  min-width:145px!important;
  padding:14px 17px!important;
}
.mr-cse-demo .mr-stat-card strong{
  font-size:31px!important;
}

.mr-cse-demo .mr-strip-grid{
  width:min(1180px,90%)!important;
  margin:auto!important;
}

.mr-cse-demo .mr-section{
  padding:62px 0!important;
}

.mr-cse-demo .mr-steps{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mr-cse-demo .mr-showcase{
  grid-template-columns:1fr 1fr 1.45fr 1.45fr!important;
}

.mr-cse-demo .mr-show-card img{
  height:285px!important;
}

.mr-cse-demo .mr-features{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.mr-cse-demo .mr-form-wrap{
  grid-template-columns:.82fr 1.18fr!important;
  gap:54px!important;
}

@media (max-width:1100px){
  .mr-cse-demo .mr-wrap{width:min(94%,1000px)!important}
  .mr-cse-demo .mr-hero-ref-grid,
  .mr-cse-demo .mr-form-wrap{grid-template-columns:1fr!important}
  .mr-cse-demo .mr-hero-ref-visual{height:390px!important;min-height:390px!important}
  .mr-cse-demo .mr-steps,
  .mr-cse-demo .mr-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mr-cse-demo .mr-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  .mr-cse-demo .mr-hero-ref{padding:44px 0 50px!important}
  .mr-cse-demo .mr-hero-ref h1{font-size:40px!important}
  .mr-cse-demo .mr-hero-ref-visual{height:340px!important;min-height:340px!important}
  .mr-cse-demo .mr-card-main{width:80%!important}
  .mr-cse-demo .mr-card-pos{width:57%!important}
  .mr-cse-demo .mr-card-mobile{width:24%!important;right:22%!important}
  .mr-cse-demo .mr-card-qr{width:22%!important}
  .mr-cse-demo .mr-steps,
  .mr-cse-demo .mr-features,
  .mr-cse-demo .mr-showcase,
  .mr-cse-demo .mr-two{grid-template-columns:1fr!important}
}


/* ==========================================================
   1.0.4 — FORCE PLEINE LARGEUR KADENCE / IONOS
   S'applique uniquement à /demonstration-cse-suite/
   ========================================================== */

/* Le thème peut conserver un conteneur central : on le neutralise sur cette page uniquement. */
body.mr-cse-demo-page,
body.mr-cse-demo-page #page,
body.mr-cse-demo-page .site,
body.mr-cse-demo-page .site-content,
body.mr-cse-demo-page .content-wrap,
body.mr-cse-demo-page .content-container,
body.mr-cse-demo-page .site-container,
body.mr-cse-demo-page .site-main,
body.mr-cse-demo-page #primary,
body.mr-cse-demo-page .content-area,
body.mr-cse-demo-page article,
body.mr-cse-demo-page .entry-content,
body.mr-cse-demo-page .wp-site-blocks,
body.mr-cse-demo-page .mr-cse-demo-fullwidth-post{
    max-width:none !important;
}

body.mr-cse-demo-page .content-container,
body.mr-cse-demo-page .site-container,
body.mr-cse-demo-page .site-main,
body.mr-cse-demo-page #primary,
body.mr-cse-demo-page .content-area,
body.mr-cse-demo-page article,
body.mr-cse-demo-page .entry-content{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Supprime l'espace/titre que Kadence peut générer au-dessus du shortcode. */
body.mr-cse-demo-page .entry-header,
body.mr-cse-demo-page .entry-title,
body.mr-cse-demo-page .page-header,
body.mr-cse-demo-page .hero-section,
body.mr-cse-demo-page .entry-hero-container-inner{
    display:none !important;
}

body.mr-cse-demo-page .entry-content > p:empty{
    display:none !important;
}

/* Le shortcode casse volontairement le conteneur du thème et prend toute la largeur du navigateur. */
body.mr-cse-demo-page .mr-cse-demo{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    position:relative !important;
}

/* Les sections restent "paysage" à l'intérieur de la pleine largeur. */
body.mr-cse-demo-page .mr-cse-demo .mr-wrap{
    width:min(1420px, 92vw) !important;
    max-width:1420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Évite toute barre horizontale créée par le full-bleed. */
html:has(body.mr-cse-demo-page),
body.mr-cse-demo-page{
    overflow-x:clip !important;
}

/* Pas d'espace parasite entre le header du site et le hero. */
body.mr-cse-demo-page .site-main,
body.mr-cse-demo-page .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

@media (max-width: 768px){
    body.mr-cse-demo-page .mr-cse-demo .mr-wrap{
        width:min(94vw, 1420px) !important;
    }
}


/* ==========================================================
   1.0.5 — HERO PLUS LÉGER / ÉTAPES MODERNISÉES / VISIO ONLY
   ========================================================== */

/* HERO : suppression des cadres blancs lourds autour des captures */
.mr-cse-demo .mr-visual-card{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.mr-cse-demo .mr-visual-card img{
    border:0 !important;
    box-shadow:0 18px 42px rgba(0,0,0,.34) !important;
    border-radius:10px !important;
}
.mr-cse-demo .mr-card-mobile img,
.mr-cse-demo .mr-card-qr img{
    border-radius:24px !important;
}

/* ÉTAPES : plus de cadres gris tristes, colonnes ouvertes avec séparateurs */
.mr-cse-demo .mr-steps-clean{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-top:34px !important;
}
.mr-cse-demo .mr-steps-clean article{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:8px 30px 10px !important;
    min-height:210px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
    position:relative !important;
}
.mr-cse-demo .mr-steps-clean article:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    top:12px !important;
    right:0 !important;
    width:1px !important;
    height:calc(100% - 24px) !important;
    background:#dfe6ec !important;
}
.mr-cse-demo .mr-step-top{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    margin-bottom:12px !important;
}
.mr-cse-demo .mr-step-top em{
    color:#0872c9 !important;
    font-size:24px !important;
    line-height:1 !important;
    font-style:normal !important;
    font-weight:900 !important;
}
.mr-cse-demo .mr-step-icon{
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#eaf5ff !important;
    font-size:24px !important;
}
.mr-cse-demo .mr-steps-clean h3{
    margin:4px 0 8px !important;
    font-size:19px !important;
    color:#102436 !important;
    line-height:1.2 !important;
}
.mr-cse-demo .mr-steps-clean p{
    margin:0 0 12px !important;
    color:#637486 !important;
    font-size:14px !important;
    line-height:1.5 !important;
}
.mr-cse-demo .mr-steps-clean strong{
    margin-top:auto !important;
    color:#0872c9 !important;
    font-size:14px !important;
}

/* FORMULAIRE : visio uniquement, panneau plus élégant */
.mr-cse-demo .mr-form-wrap{
    align-items:stretch !important;
}
.mr-cse-demo .mr-form-intro{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    background:
      radial-gradient(circle at 10% 20%,rgba(31,98,155,.25),transparent 40%),
      linear-gradient(135deg,#071625,#0c2741) !important;
    border-radius:0 !important;
    padding:54px 42px !important;
    min-height:100% !important;
}
.mr-cse-demo .mr-form-intro h2{
    font-size:40px !important;
    line-height:1.08 !important;
    margin-bottom:26px !important;
}
.mr-cse-demo .mr-visio-line{
    display:flex !important;
    align-items:flex-start !important;
    gap:18px !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1.5 !important;
    margin-bottom:28px !important;
}
.mr-cse-demo .mr-visio-line strong{
    font-size:18px !important;
}
.mr-cse-demo .mr-visio-icon{
    flex:0 0 54px !important;
    width:54px !important;
    height:54px !important;
    border:2px solid #d8ad33 !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:24px !important;
}
.mr-cse-demo .mr-form{
    border-radius:14px !important;
    background:#fff !important;
}
.mr-cse-demo .mr-form input[readonly]{
    background:#f4f7f9 !important;
    color:#334b60 !important;
    cursor:default !important;
}

/* plus cohérent sur tablette / mobile */
@media(max-width:1000px){
    .mr-cse-demo .mr-steps-clean{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        row-gap:24px !important;
    }
    .mr-cse-demo .mr-steps-clean article:nth-child(2)::after{
        display:none !important;
    }
}
@media(max-width:650px){
    .mr-cse-demo .mr-steps-clean{
        grid-template-columns:1fr !important;
    }
    .mr-cse-demo .mr-steps-clean article{
        padding:18px 0 !important;
        min-height:auto !important;
    }
    .mr-cse-demo .mr-steps-clean article::after{
        display:none !important;
    }
    .mr-cse-demo .mr-form-intro{
        padding:36px 26px !important;
    }
    .mr-cse-demo .mr-form-intro h2{
        font-size:32px !important;
    }
}