/* =====================================================================
 * MWP : pages services (refonte). Prefixe mwp-cs-.
 * Reprend les composants des pages Agence (mwp-ag-) et villes (mwp-vi-).
 * ===================================================================== */

/* Intro : visuel dans un cadre */
.mwp-cs-intro .mwp-vi-feature{margin-top:var(--wp--preset--spacing--small-1)!important}
.mwp-cs-intro .mwp-vi-feature__visual{max-width:520px}
.mwp-cs-intro .wp-block-buttons{margin-top:var(--wp--preset--spacing--medium-1)!important}

/* Prestations "Du sur-mesure" : grille 2 colonnes */
.mwp-cs-prestas{padding-top:var(--wp--preset--spacing--large-1)!important;padding-bottom:var(--wp--preset--spacing--medium-1)!important}
.mwp-cs-prestas .mwp-vi-prestas__grid{margin-top:0!important}
.mwp-cs-prestas+.wp-block-buttons{margin-top:0!important;margin-bottom:var(--wp--preset--spacing--large-1)!important}

/* Garanties : cartes avec pastille, 3 + 2 */
.mwp-cs-cards{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem!important;max-width:var(--wp--style--global--wide-size,1200px)!important;width:100%;margin:2.5rem auto 0!important}
.mwp-cs-cards>*{margin:0!important;grid-column:span 2}
.mwp-cs-cards>:nth-child(4):nth-last-child(2),.mwp-cs-cards>:nth-child(5):last-child{grid-column:span 3}
.mwp-cs-card{position:relative;background:#fff;border:1px solid #dedede;border-radius:1rem;padding:1.75rem!important;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.mwp-cs-card:hover{box-shadow:0 18px 40px -18px rgb(15 22 41/.35);transform:translateY(-3px)}
.mwp-cs-card::before{content:"";display:block;width:48px;height:48px;border-radius:12px;margin-bottom:1.25rem;background:var(--wp--preset--color--secondary-extra-light,#fff0f0) var(--mwp-ag-i-red) center/24px no-repeat}
.mwp-cs-card::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;background:var(--mwp-ag-wm-dark) no-repeat center/contain;opacity:.04;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.mwp-cs-card:hover::after{opacity:.08;transform:rotate(-8deg) scale(1.05)}
.mwp-cs-card h3{font-size:1.15rem!important;margin:0 0 .85rem!important;text-align:left!important}
.mwp-cs-card p{font-size:15px;line-height:1.65;text-align:left!important;margin:0 0 .75rem!important}
.mwp-cs-card p:last-child{margin-bottom:0!important}

/* Services : bento */
.mwp-cs-bento{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "c c" "d e";gap:1.5rem!important;max-width:var(--wp--style--global--wide-size,1200px)!important;width:100%;margin:2.5rem auto 0!important}
.mwp-cs-bento>*{margin:0!important}
.mwp-cs-bento>:nth-child(1){grid-area:a}.mwp-cs-bento>:nth-child(2){grid-area:b}.mwp-cs-bento>:nth-child(3){grid-area:c}.mwp-cs-bento>:nth-child(4){grid-area:d}.mwp-cs-bento>:nth-child(5){grid-area:e}
.mwp-cs-bento .mwp-ag-bento__tile{position:relative;overflow:hidden;isolation:isolate;border-radius:1rem!important;padding:2rem!important}
.mwp-cs-bento .mwp-ag-bento__tile>*{position:relative;z-index:1}
.mwp-cs-bento .mwp-ag-bento__tile:not(.mwp-ag-bento__cta)::after{content:"";position:absolute;z-index:0;right:-40px;bottom:-40px;width:190px;height:190px;background:var(--mwp-ag-wm-dark) no-repeat center/contain;opacity:.05;pointer-events:none}
.mwp-cs-bento .mwp-ag-bento__tile.is-dark::after{background-image:var(--mwp-ag-wm-white);opacity:.06}
.mwp-cs-bento .mwp-ag-bento__tile h3{font-size:1.25rem!important}
.mwp-cs-bento .mwp-ag-bento__tile p{margin:0 0 .85rem!important}
.mwp-cs-bento .mwp-ag-bento__tile .wp-block-columns{gap:2rem!important;margin:0!important}
.mwp-cs-bento .mwp-ag-bento__cta{align-items:center;justify-content:center;text-align:center;background:var(--wp--preset--color--secondary-extra-light,#fff0f0)}
.mwp-cs-bento .mwp-ag-bento__cta figure{margin:0 auto 1rem!important}
.mwp-cs-bento .mwp-ag-bento__cta p{font-family:var(--wp--preset--font-family--open-sans);font-weight:800;font-size:1.2rem!important;color:var(--wp--preset--color--primary-dark)}
.mwp-cs-bento .mwp-ag-bento__cta .wp-block-buttons{justify-content:center}

/* Pourquoi WordPress (fond sombre) */
.mwp-cs-why .mwp-ag-why__head{text-align:center}
.mwp-cs-why .mwp-ag-why__head>p{color:#99a1af!important;line-height:1.75;margin-left:auto!important;margin-right:auto!important;max-width:900px}
.mwp-cs-why .mwp-ag-why__head strong{color:#fff}
.mwp-cs-why .mwp-ag-why__cols>.wp-block-column{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:clamp(1.5rem,3vw,2.25rem)!important}
.mwp-cs-why .mwp-ag-why__cols li{color:#c7ccd4!important;line-height:1.65;margin-bottom:1rem}
.mwp-cs-why .mwp-ag-why__cols li:last-child{margin-bottom:0}
.mwp-cs-why .mwp-ag-why__cols strong{color:#fff!important}
.mwp-cs-why .mwp-ag-why__cols ul{margin:0!important}
.mwp-cs-why a:not(.wp-block-button__link){color:#fff!important;background-image:linear-gradient(var(--wp--preset--color--secondary,#ef474b),var(--wp--preset--color--secondary,#ef474b))!important;background-size:100% 2px!important;background-position:0 100%!important;background-repeat:no-repeat!important;text-decoration:none!important}
.mwp-cs-why .wp-block-buttons{margin-top:var(--wp--preset--spacing--medium-1)!important}

@media (max-width:1024px){
 .mwp-cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mwp-cs-cards>*,.mwp-cs-cards>:nth-child(4):nth-last-child(2){grid-column:auto}
 .mwp-cs-cards>:nth-child(5):last-child{grid-column:1/-1}
}
@media (max-width:781px){
 .mwp-cs-cards{grid-template-columns:1fr}
 .mwp-cs-cards>:nth-child(5):last-child{grid-column:auto}
 .mwp-cs-bento{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e"}
 .mwp-cs-bento .mwp-ag-bento__tile .wp-block-columns{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.mwp-cs-card,.mwp-cs-card::after{transition:none}}