/* =============================================================================
 * Espace.com — Composants historiques du site.
 *
 * Ce fichier reprend le CSS qui vivait dans le champ "CSS personnalise" du kit
 * Elementor (post 8), sorti de la base le 09/09/2026. Sur les 254 regles que
 * ce champ contenait, 166 stylaient des composants supprimes lors du passage
 * aux widgets natifs : elles ont ete retirees. Seules les regles encore
 * utilisees par au moins un element du site sont conservees ici.
 *
 * Se charge AVANT espace-da.css : le systeme "Champ gravitationnel" doit
 * pouvoir passer par-dessus. Sauvegarde integrale de l'original dans
 * l'option WordPress _espcom_backup_kit_css.
 * ========================================================================== */

/* ===== Espace.com / Barre d'espace (monochrome) ===== */
:root{--esp-ground:#111111;--esp-soft:#1A1A1A;--esp-bg:#F2F2F2;--esp-surface:#FFFFFF;--esp-ink:#111111;--esp-inv:#FFFFFF;--esp-grey:#6B6B6B;--esp-grey-ink:#6B6B6B;--esp-line:#E6E6E6;--esp-line-dark:#2A2A2A}
body{-webkit-font-smoothing:antialiased}
.esp-phsec::after{content:"Visuel de fond à venir";position:absolute;right:20px;bottom:14px;z-index:4;font:700 12px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.34)}
/* --- Boutons --- */
.esp-btn-primary .elementor-button{background-color:#FFFFFF;color:#111111;border:1px solid #FFFFFF;border-radius:4px;font-weight:700;box-shadow:none;transition:background-color .18s ease,color .18s ease}
.esp-btn-primary .elementor-button:hover{background-color:transparent;color:#FFFFFF}
.esp-btn-onlight .elementor-button{background-color:#111111;color:#FFFFFF;border:1px solid #111111;border-radius:4px;font-weight:700;box-shadow:none;transition:background-color .18s ease,color .18s ease}
.esp-btn-onlight .elementor-button:hover{background-color:transparent;color:#111111}
.esp-btn-ghost .elementor-button{background-color:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,.34);border-radius:4px;font-weight:700;box-shadow:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.esp-btn-ghost .elementor-button:hover{background-color:#FFFFFF;color:#111111;border-color:#FFFFFF}
/* --- Header --- */
.esp-header .elementor-nav-menu .elementor-item{font:600 14px/1 Montserrat,sans-serif;color:#FFFFFF;padding:10px 0}
.esp-header .elementor-nav-menu .elementor-item:hover,.esp-header .elementor-nav-menu .elementor-item.elementor-item-active{color:#6B6B6B}
.esp-header .elementor-nav-menu--dropdown{background-color:#1A1A1A;border:1px solid #2A2A2A;border-radius:14px;overflow:hidden}
.esp-header .esp-logo img{width:132px;height:auto;display:block}
.esp-footer .esp-logo img{width:150px;height:auto;display:block}
/* --- Bande de chiffres --- */
.esp-stat{position:relative}
.esp-stat+.esp-stat::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:#2A2A2A}
@media(max-width:767px){
.esp-stat::before{display:none!important}
}
/* --- Bento expertises --- */
.esp-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.esp-bento>a:nth-child(1){grid-column:span 7}
.esp-bento>a:nth-child(2){grid-column:span 5}
.esp-bento>a:nth-child(3){grid-column:span 5}
.esp-bento>a:nth-child(4){grid-column:span 7}
.esp-bento>a:nth-child(5){grid-column:span 12;min-height:184px}
@media(max-width:767px){
.esp-bento{grid-template-columns:1fr}
.esp-bento>a{grid-column:span 1!important}
}
.esp-btnrow>*{width:auto!important;max-width:none;flex:0 0 auto!important}
/* --- Cartes plates des pages interieures --- */
.esp-cardgrid{display:grid;gap:16px}
@media(max-width:767px){
.esp-cardgrid{grid-template-columns:1fr!important}
}
/* --- Accordeon FAQ --- */
.elementor-accordion .elementor-tab-title{font-family:Montserrat,sans-serif;padding:18px 0}
.elementor-accordion .elementor-accordion-item{border-left:0!important;border-right:0!important;border-top:0!important}
.elementor-accordion .elementor-accordion-item:first-child{border-top:1px solid #E6E6E6!important}
.elementor-accordion .elementor-tab-content{padding:0 0 22px}
@media(max-width:767px){
.esp-header .esp-logo img{width:104px}
.esp-header .elementor-widget-button .elementor-button{font-size:12px;padding:11px 14px}
}
/* ===== NATIF : equivalents des anciens blocs HTML ===== */

/* Numerotation automatique : le numero appartient a la mise en page, pas au contenu */
.esp-deflist{counter-reset:espn}
.esp-deflist>.e-con{counter-increment:espn;position:relative;padding:20px 0 20px 62px}
.esp-deflist>.e-con+.e-con{border-top:1px solid #E6E6E6}
.esp-deflist>.e-con::before{content:counter(espn,decimal-leading-zero);position:absolute;left:0;top:21px;width:auto;height:auto;pointer-events:none;font:700 12px/1.6 Montserrat,sans-serif;letter-spacing:.1em;color:#6B6B6B}
.esp-deflist--dark>.e-con+.e-con{border-top-color:#2A2A2A}
.esp-deflist .esp-dt{margin:0 0 6px}
.esp-deflist .esp-dd{max-width:70ch}
/* Cartes plates : conteneur cliquable + heading + texte */
.esp-cardgrid>.e-con{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E6E6E6;border-radius:14px;padding:26px;text-decoration:none;min-height:172px;transition:transform .2s ease,border-color .2s ease}
.esp-cardgrid>a.e-con:hover{transform:translateY(-3px);border-color:#111111}
.esp-cardgrid>a.e-con::after{content:"→";margin-top:auto;padding-top:16px;font:700 16px/1 Montserrat,sans-serif;color:#111111}
.esp-cardgrid--num{counter-reset:espc}
.esp-cardgrid--num>.e-con{counter-increment:espc}
.esp-cardgrid--num>.e-con::before{content:counter(espc,decimal-leading-zero);display:block;position:static;width:auto;height:auto;font:700 12px/1 Montserrat,sans-serif;letter-spacing:.14em;color:#6B6B6B;margin-bottom:12px}
.esp-cardtitle{margin:0 0 7px}
/* Bento : conteneurs en grille, photo en fond, contenu au dessus */

.esp-bento>.e-con{position:relative;overflow:hidden;border-radius:14px;border:1px solid #2A2A2A;padding:26px;justify-content:flex-end;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.esp-bento>a.e-con:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.42)}
.esp-bento>.e-con>.e-con-inner{position:relative;z-index:2}
.esp-bento .esp-bentonum{font:700 12px/1 Montserrat,sans-serif;letter-spacing:.14em;color:#6B6B6B;margin-bottom:10px}
.esp-bento>a.e-con::after{content:"→";position:absolute;left:26px;bottom:26px;z-index:2;font:700 16px/1 Montserrat,sans-serif;color:#FFFFFF}
.esp-bento .esp-bentobody{padding-bottom:34px}
/* Formules */
.esp-plancard{border-radius:14px;padding:32px;border:1px solid #E6E6E6;background:#FFFFFF}
.esp-plancard--hi{background:#111111;border-color:#111111;padding:40px 30px}

.esp-plancard--hi .esp-planprice{border-bottom-color:#2A2A2A}
/* Bloc coordonnees */
.esp-coordbox{background:#111111;border-radius:14px;padding:32px}
.esp-coordbox .elementor-divider-separator{border-top-color:#2A2A2A!important}
/* Encadre a completer */
.esp-notebox{border:1px dashed #E6E6E6;border-radius:14px;padding:20px 24px;background:rgba(17,17,17,.02)}
/* Lien fleche en bouton */
.esp-linkbtn .elementor-button{background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 3px;font-weight:700;font-size:14px;transition:padding-right .18s ease}
.esp-linkbtn .elementor-button:hover{background:transparent;padding-right:6px}
/* Prose des pages legales */
.esp-richblock p{margin:0 0 14px}
.esp-richblock ul{margin:0 0 14px;padding-left:20px}
.esp-richblock li{margin-bottom:8px}
.esp-richblock dl{margin:0 0 18px;display:grid;grid-template-columns:210px 1fr;gap:10px 20px}
.esp-richblock dt{font-weight:700;color:#111111}
.esp-richblock dd{margin:0}
@media(max-width:767px){
.esp-richblock dl{grid-template-columns:1fr;gap:2px 0}
.esp-richblock dd{margin-bottom:12px}
}
.esp-bento .esp-phlabel,.esp-projcard .esp-phlabel{left:auto;right:20px;text-align:right}
.esp-media--ratio{aspect-ratio:4/3}
.esp-portrait{aspect-ratio:3/4}
.esp-stepmedia{aspect-ratio:16/11;margin-top:auto}
/* Bento : repartition des cellules */
.esp-bento>div:nth-child(1){grid-column:span 7}
.esp-bento>div:nth-child(2){grid-column:span 5}
.esp-bento>div:nth-child(3){grid-column:span 5}
.esp-bento>div:nth-child(4){grid-column:span 7}
.esp-bento>div:nth-child(5){grid-column:span 12;min-height:184px}
.esp-bento>div{min-height:212px}
@media(max-width:767px){
.esp-bento{grid-template-columns:1fr!important}
.esp-bento>div{grid-column:span 1!important}
}
/* Etiquette mise en avant */
.esp-badgetag{align-self:flex-start;background:#FFFFFF;color:#111111;border-radius:4px;padding:6px 11px;margin-bottom:12px!important}
.esp-offercard:not(.esp-offercard--hi) .esp-badgetag,.esp-plancard:not(.esp-plancard--hi) .esp-badgetag{background:#111111;color:#FFFFFF}

.esp-plancard .elementor-widget-button{margin-top:auto;padding-top:26px}
.esp-plancard .elementor-button{width:100%;text-align:center}
/* Checklist du bandeau chiffres */
.esp-statlist .elementor-icon-list-item:last-child{font-weight:700}
.esp-statlist .elementor-icon-list-item:last-child .elementor-icon-list-text{color:#FFFFFF}
.esp-statlist .elementor-icon-list-item:last-child .elementor-icon-list-icon svg{fill:#FFFFFF}
/* Bloc a propos */
.esp-aboutquote::before{content:"“";display:block;font:700 48px/1 Montserrat,sans-serif;color:#6B6B6B;margin-bottom:6px}
.esp-taglist .elementor-icon-list-icon{display:none}
.esp-taglist .elementor-icon-list-item{border:1px solid #E6E6E6;border-radius:4px;padding:7px 13px;margin-right:9px;margin-bottom:9px}
.esp-taglist .elementor-icon-list-text{font:700 12px/1 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6B6B6B}
/* Lien fleche : le survol allonge la fleche */
.esp-linkbtn .elementor-button-content-wrapper{gap:9px}
.esp-statlist .elementor-icon-list-icon svg{width:16px;height:16px;stroke:currentColor;fill:none}
.esp-statlist .elementor-icon-list-item{align-items:center;color:#6B6B6B}
.esp-statlist .elementor-icon-list-item:last-child{color:#FFFFFF}
/* --- Bande d'appel a l'action sous une grille --- */
.esp-ctaband{aspect-ratio:auto!important;min-height:0!important;background:transparent!important;border:0!important;border-top:1px solid #2A2A2A!important;border-radius:0!important;padding:24px 0 0!important;justify-content:flex-start!important;gap:8px}
.esp-ctaband::before,.esp-ctaband::after{content:none!important}