/* Daft-Web — habillage des articles de blog. CSS seul : contenu, balises Hn, liens, images et données SEO inchangés. */
body.daft-article{--d-ink:#16131A;--d-violet:#4A1263;--d-mout:#EFB13A;--d-mout-soft:#FCF1D9;--d-violet-soft:#F1EAF5;--d-gris:#F6F4F8;--d-texte:#3D3844;--d-doux:#57525E;--d-sys:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* Typographie */
body.daft-article .page-content > .elementor :is(p,li,a,span,b,strong,em,td,th,h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-button,.elementor-tab-title,.elementor-accordion-title){font-family:var(--d-sys)!important}
body.daft-article .page-content > .elementor .elementor-widget-text-editor{font-size:18px!important;line-height:1.7!important;color:var(--d-texte)!important;text-align:left!important}
body.daft-article .page-content > .elementor .elementor-widget-text-editor :is(p,li){font-size:inherit!important;line-height:inherit!important}
body.daft-article .page-content > .elementor .elementor-widget-text-editor p{margin:0 0 14px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.daft-article .page-content > .elementor .elementor-widget-text-editor :is(strong,b){color:var(--d-ink)}
body.daft-article .page-content > .elementor .elementor-widget-text-editor a{color:var(--d-violet)!important;font-weight:600;text-decoration:underline!important;text-decoration-color:var(--d-mout)!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor a:hover{text-decoration-color:var(--d-violet)!important}
body.daft-article .page-content > .elementor .elementor-widget-text-editor ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor ul>li{position:relative;padding-left:30px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor ul>li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;box-sizing:border-box;border:2px solid var(--d-ink);border-radius:4px;background:var(--d-mout)}
body.daft-article .page-content > .elementor .elementor-widget-text-editor ol{margin:0 0 14px;padding-left:24px;display:flex;flex-direction:column;gap:10px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor ol>li::marker{font-weight:800;color:var(--d-violet)}
body.daft-article .page-content > .elementor .elementor-heading-title{color:var(--d-ink)!important;text-align:left!important}
body.daft-article .page-content > .elementor .elementor-widget-heading{text-align:left!important}
body.daft-article .page-content > .elementor h2.elementor-heading-title{font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.015em!important;text-transform:none!important}
body.daft-article .page-content > .elementor h2.elementor-heading-title::before{content:"";display:block;width:48px;height:6px;box-sizing:border-box;background:var(--d-mout);border:2px solid var(--d-ink);border-radius:4px;margin-bottom:14px}
body.daft-article .page-content > .elementor h3.elementor-heading-title{font-size:21px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}
body.daft-article .page-content > .elementor h4.elementor-heading-title{font-size:18px!important;font-weight:800!important;letter-spacing:0!important}
body.daft-article .page-content > .elementor .elementor-widget-text-editor + .elementor-widget-heading:has(h3){border-top:2px dashed #D9D2DF;padding-top:22px;margin-top:6px}

/* Sections : axe de lecture commun */
body.daft-article .page-content > .elementor > .elementor-section{padding:clamp(24px,3.5vw,40px) clamp(16px,4vw,48px)!important;margin:0!important;background:transparent!important}
body.daft-article .page-content > .elementor > .elementor-section > .elementor-container{max-width:1200px!important}

/* En-tête */
body.daft-article .page-content > .elementor > .elementor-section:first-child{padding-top:clamp(36px,5vw,64px)!important;padding-bottom:clamp(36px,5vw,64px)!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child:not(:has(.elementor-widget-image)){background:var(--d-mout-soft)!important;border-bottom:2px solid var(--d-ink)}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-spacer .elementor-spacer-inner{height:0!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child h1.elementor-heading-title{font-size:clamp(34px,4.6vw,58px)!important;line-height:1.06!important;font-weight:900!important;letter-spacing:-.02em!important;text-transform:none!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child :is(.elementor-widget-heading,.elementor-widget-text-editor):has(+ .elementor-widget-heading h1) {width:auto;max-width:100%;margin-bottom:8px}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-heading:has(+ .elementor-widget-heading h1) .elementor-heading-title,body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-text-editor:has(+ .elementor-widget-heading h1){display:inline-flex;font-style:normal!important;border:2px solid var(--d-ink);border-radius:999px;padding:6px 14px;background:#FFFFFF;font-size:14px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;color:var(--d-ink)!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-text-editor:has(+ .elementor-widget-heading h1) p{margin:0}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-heading:has(h1) + .elementor-widget-text-editor{font-size:clamp(18px,1.5vw,20px)!important;line-height:1.6!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-heading:has(h1) + .elementor-widget-text-editor + .elementor-widget-text-editor{display:flex;align-items:center;gap:8px;font-style:normal!important;font-size:14px!important;font-weight:700;letter-spacing:0!important;text-transform:none!important;color:var(--d-ink)!important;line-height:1.4!important}
body.daft-article .page-content > .elementor > .elementor-section:first-child .elementor-widget-heading:has(h1) + .elementor-widget-text-editor + .elementor-widget-text-editor::before{content:"";width:18px;height:18px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316131A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat center/contain}

/* Encadrés (sections à fond, sans bouton) */
body.daft-article .page-content > .elementor > .elementor-section:not(:first-child):not(:has(> .elementor-container > .elementor-column + .elementor-column))[data-settings*='background_background']:not(:has(.elementor-widget-button)) > .elementor-container > .elementor-column > .elementor-widget-wrap{background:var(--d-violet-soft)!important;border:2px solid var(--d-ink);border-radius:20px;box-shadow:6px 6px 0 var(--d-ink);padding:clamp(20px,3vw,32px)!important}
body.daft-article .page-content > .elementor > .elementor-section:has(> .elementor-container > .elementor-column + .elementor-column)[data-settings*='background_background']:not(:has(.elementor-widget-button)) > .elementor-container{background:var(--d-violet-soft);border:2px solid var(--d-ink);border-radius:24px;padding:clamp(14px,3vw,34px)}

/* Blocs d'appel (sections à fond avec bouton) */
body.daft-article .page-content > .elementor > .elementor-section:not(:first-child)[data-settings*='background_background']:has(.elementor-widget-button) > .elementor-container{background:var(--d-mout-soft);border:2px solid var(--d-ink);border-radius:24px;box-shadow:8px 8px 0 var(--d-ink);padding:clamp(14px,3vw,34px);align-items:center}
body.daft-article .page-content > .elementor > .elementor-section:not(:first-child)[data-settings*='background_background']:has(.elementor-widget-button) .elementor-widget-text-editor{color:var(--d-texte)!important}

/* Avantages / limites */
body.daft-article .page-content > .elementor > .elementor-section:has(> .elementor-container > .elementor-column + .elementor-column):not([data-settings*='background_background']):has(> .elementor-container > .elementor-column:first-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3):has(> .elementor-container > .elementor-column:last-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3) > .elementor-container{align-items:stretch;gap:24px}
body.daft-article .page-content > .elementor > .elementor-section:has(> .elementor-container > .elementor-column + .elementor-column):not([data-settings*='background_background']):has(> .elementor-container > .elementor-column:first-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3):has(> .elementor-container > .elementor-column:last-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3) > .elementor-container > .elementor-column > .elementor-widget-wrap{background:#FFFFFF;border:2px solid var(--d-ink);border-radius:20px;box-shadow:6px 6px 0 var(--d-ink);padding:24px!important;align-content:flex-start}
body.daft-article .page-content > .elementor > .elementor-section:has(> .elementor-container > .elementor-column + .elementor-column):not([data-settings*='background_background']):has(> .elementor-container > .elementor-column:first-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3):has(> .elementor-container > .elementor-column:last-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3) > .elementor-container > .elementor-column:first-child ul>li::before{border-radius:50%;background:#1DBF82}
body.daft-article .page-content > .elementor > .elementor-section:has(> .elementor-container > .elementor-column + .elementor-column):not([data-settings*='background_background']):has(> .elementor-container > .elementor-column:first-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3):has(> .elementor-container > .elementor-column:last-child > .elementor-widget-wrap > .elementor-widget-heading:first-child h3) > .elementor-container > .elementor-column:last-child ul>li::before{border-radius:50%;background:#F28C6B}

/* Images */
body.daft-article .page-content > .elementor .elementor-widget-image img:not(.emoji),body.daft-article .page-content > .elementor .elementor-widget-text-editor img:not(.emoji){border:2px solid var(--d-ink);border-radius:18px;box-shadow:6px 6px 0 var(--d-ink);height:auto;max-width:calc(100% - 6px)}

/* Tableaux */
body.daft-article .page-content > .elementor .elementor-widget-html:has(table){border:2px solid var(--d-ink);border-radius:16px;box-shadow:5px 5px 0 var(--d-ink);overflow:hidden;background:#FFFFFF;margin-right:6px}
body.daft-article .page-content > .elementor .elementor-widget-html table{border-collapse:collapse!important;font-size:16px;margin:0!important;border:0!important;font-family:var(--d-sys)!important}
body.daft-article .page-content > .elementor .elementor-widget-html :is(th,td){border:0!important;padding:14px 18px!important;vertical-align:top;text-align:left}
body.daft-article .page-content > .elementor .elementor-widget-html thead tr,body.daft-article .page-content > .elementor .elementor-widget-html tr:first-child:has(th){background:var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-widget-html th{background:var(--d-ink)!important;color:#FFFFFF!important;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
body.daft-article .page-content > .elementor .elementor-widget-html td{color:var(--d-texte)!important;border-top:2px solid var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-widget-html tbody tr:nth-child(even) td{background:var(--d-gris)!important}
body.daft-article .page-content > .elementor .elementor-widget-html tbody tr:nth-child(odd) td{background:#FFFFFF!important}
body.daft-article .page-content > .elementor .elementor-widget-html td:first-child{font-weight:800;color:var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-widget-html td a{color:var(--d-violet)!important;font-weight:600;text-decoration:underline;text-decoration-color:var(--d-mout);text-decoration-thickness:2px}

/* Boutons */
body.daft-article .page-content > .elementor .elementor-widget-button .elementor-button{background:var(--d-violet)!important;color:#FFFFFF!important;border:2px solid var(--d-ink)!important;border-radius:14px!important;box-shadow:5px 5px 0 var(--d-ink)!important;padding:15px 24px!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;transition:transform .15s ease,box-shadow .15s ease}
body.daft-article .page-content > .elementor .elementor-widget-button .elementor-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-widget-button .elementor-button *{color:#FFFFFF!important;fill:#FFFFFF!important}

/* Accordéons (FAQ) */
body.daft-article .page-content > .elementor .elementor-accordion .elementor-accordion-item{border:2px solid var(--d-ink)!important;border-radius:14px;margin-bottom:12px;overflow:hidden;background:#FFFFFF}
body.daft-article .page-content > .elementor .elementor-accordion .elementor-tab-title{border:0!important;padding:16px 20px!important;font-size:18px!important;font-weight:800!important;color:var(--d-ink)!important;background:#FFFFFF}
body.daft-article .page-content > .elementor .elementor-accordion .elementor-tab-title.elementor-active{background:var(--d-mout-soft)}
body.daft-article .page-content > .elementor .elementor-accordion .elementor-tab-title *{color:var(--d-ink)!important;fill:var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-accordion .elementor-tab-content{border:0!important;border-top:2px solid var(--d-ink)!important;padding:16px 20px!important;font-size:17px!important;line-height:1.65!important;color:var(--d-texte)!important}

/* Fin d'article : auteur, mention, partage */
body.daft-article .page-content > .elementor .elementor-widget-text-editor:has(b > a[href*="freelances-digital-redaction-seo"]){background:var(--d-gris);border:2px solid var(--d-ink);border-radius:20px;padding:20px 22px 20px 88px!important;font-size:16px!important;line-height:1.6!important;position:relative;margin-top:18px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor:has(b > a[href*="freelances-digital-redaction-seo"])::before{content:"";position:absolute;left:22px;top:20px;width:48px;height:48px;box-sizing:border-box;border:2px solid var(--d-ink);border-radius:14px;background:var(--d-mout) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316131A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") no-repeat center/22px}
body.daft-article .page-content > .elementor .elementor-widget-text-editor:has(p:only-child > em:only-child){font-size:14px!important;line-height:1.6!important;color:var(--d-doux)!important}
body.daft-article .page-content > .elementor .elementor-widget-heading:has(+ .elementor-widget-share-buttons){width:auto;margin:0 14px 0 0!important;align-self:center;padding-top:18px}
body.daft-article .page-content > .elementor .elementor-widget-heading:has(+ .elementor-widget-share-buttons) .elementor-heading-title{font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.daft-article .page-content > .elementor .elementor-widget-heading:has(+ .elementor-widget-share-buttons) h2.elementor-heading-title::before{display:none}
body.daft-article .page-content > .elementor .elementor-widget-share-buttons{width:auto;flex:1 1 auto;padding-top:18px;--e-share-buttons-primary-color:var(--d-ink);--e-share-buttons-secondary-color:#FFFFFF}
body.daft-article .page-content > .elementor .elementor-widget-wrap:has(> .elementor-widget-share-buttons){border-top:0}
body.daft-article .page-content > .elementor .elementor-share-btn{width:44px!important;height:44px!important;font-size:18px!important;border:2px solid var(--d-ink)!important;border-radius:12px!important;background:#FFFFFF!important;box-shadow:3px 3px 0 var(--d-ink);color:var(--d-ink)!important;transition:transform .15s ease}
body.daft-article .page-content > .elementor .elementor-share-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--d-ink)}
body.daft-article .page-content > .elementor .elementor-share-btn :is(i,svg){color:var(--d-ink)!important;fill:var(--d-ink)!important}
body.daft-article .page-content > .elementor .elementor-share-btn__icon{width:100%!important;background:transparent!important}
body.daft-article .page-content > .elementor .elementor-share-btn__icon svg{width:20px!important;height:20px!important}

/* Navigation entre articles */
body.daft-article .page-content > .elementor .elementor-post-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:visible!important;padding:0 5px 5px 0;margin-top:12px}
body.daft-article .page-content > .elementor .elementor-post-navigation__separator-wrapper{display:none!important}
body.daft-article .page-content > .elementor .elementor-post-navigation__link{width:auto!important;max-width:none;overflow:visible!important}
body.daft-article .page-content > .elementor .elementor-post-navigation__link a{display:flex;align-items:center;gap:12px;height:100%;box-sizing:border-box;background:#FFFFFF;border:2px solid var(--d-ink);border-radius:18px;box-shadow:5px 5px 0 var(--d-ink);padding:18px 20px;text-decoration:none;transition:transform .15s ease}
body.daft-article .page-content > .elementor .elementor-post-navigation__link a:hover{transform:translate(2px,2px)}
body.daft-article .page-content > .elementor .elementor-post-navigation__next a{justify-content:flex-end;text-align:right}
body.daft-article .page-content > .elementor .elementor-post-navigation__link a>span{width:auto}
body.daft-article .page-content > .elementor :is(.elementor-post-navigation__link__prev,.elementor-post-navigation__link__next){display:flex!important;flex-direction:column;gap:4px;min-width:0}
body.daft-article .page-content > .elementor .elementor-post-navigation__link__next{align-items:flex-end}
body.daft-article .page-content > .elementor :is(.post-navigation__prev--label,.post-navigation__next--label){font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--d-violet)!important}
body.daft-article .page-content > .elementor :is(.post-navigation__prev--title,.post-navigation__next--title){white-space:normal!important;overflow-wrap:anywhere;font-size:18px!important;font-weight:800!important;line-height:1.3!important;color:var(--d-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.daft-article .page-content > .elementor .post-navigation__arrow-wrapper{color:var(--d-violet)!important;font-size:22px!important}

/* Barre de lecture (navigateurs compatibles uniquement, sinon rien ne s'affiche) */
@supports (animation-timeline: scroll()) {
  body.daft-article::after{content:"";position:fixed;left:0;top:var(--wp-admin--admin-bar--height,0px);width:100%;height:5px;background:var(--d-mout);transform-origin:0 50%;transform:scaleX(0);z-index:200;pointer-events:none;animation:daft-lecture linear both;animation-timeline:scroll(root)}
  @keyframes daft-lecture{to{transform:scaleX(1)}}
}

@media (max-width:767px){
  body.daft-article .page-content > .elementor .elementor-post-navigation{grid-template-columns:minmax(0,1fr)}
  body.daft-article::after{top:0}
  body.daft-article .page-content > .elementor .elementor-widget-text-editor{font-size:17px!important}
  body.daft-article .page-content > .elementor .elementor-widget-text-editor:has(b > a[href*="freelances-digital-redaction-seo"]){padding:76px 18px 18px!important}
}
