/*
  ╔══════════════════════════════════════════════════════════════╗
  ║  VILLAGE EMMAÜS LESCAR PAU — BLOCS DES ARTICLES              ║
  ╠══════════════════════════════════════════════════════════════╣
  ║  Chargé sur les articles publiés ET dans l'éditeur.          ║
  ║                                                              ║
  ║  Tout est dans un @layer : un !important placé dans un       ║
  ║  layer l'emporte sur les !important hors layer, quelle que   ║
  ║  soit la spécificité. Les blocs passent ainsi devant le CSS  ║
  ║  du modèle Single Post (elementor-article.html), aux         ║
  ║  sélecteurs très spécifiques, sans avoir à le modifier.      ║
  ║  Conséquence : dans ce fichier, une propriété sans           ║
  ║  !important peut être écrasée par le thème.                  ║
  ╚══════════════════════════════════════════════════════════════╝
*/
@layer emmaus-blocs {

/* ══════════ TEXTE ══════════ */
/* Mot en italique dans un titre (Ctrl + I) = accent manuscrit */
.wp-block-heading em{font-family:'Gloria Hallelujah',cursive!important;font-style:normal!important;font-weight:600!important;color:#8A4C3A!important}

/* Option « Lettrine » du paragraphe */
.has-drop-cap:not(:focus)::first-letter{float:left!important;font-family:'Gloria Hallelujah',cursive!important;font-size:4.2em!important;font-style:normal!important;font-weight:400!important;line-height:.9!important;text-transform:none!important;color:#8A4C3A!important;margin:.08em .12em 0 0!important}

/* Style de paragraphe « Manuscrit » */
p.is-style-manuscrit{font-family:'Gloria Hallelujah',cursive!important;font-size:clamp(19px,2.3vw,23px)!important;line-height:1.55!important;color:#8A4C3A!important}

/* Auteur d'une citation */
.wp-block-quote cite{display:block!important;margin-top:14px!important;font-family:'Nunito',sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:800!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#68A834!important}

/* ══════════ TITRE DE SECTION NUMÉROTÉ « 01 —— » ══════════ */
.em-titre-section{margin:2.4em 0 1em!important;padding:0!important}
.em-titre-section .em-numero{margin:0 0 10px!important;font-family:'Gloria Hallelujah',cursive!important;font-size:22px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:1px!important;color:#68A834!important}
.em-titre-section .em-numero::after{content:'';display:inline-block;width:40px;height:2px;margin-left:12px;vertical-align:middle;background:#68A834}
.em-titre-section .wp-block-heading{margin:0!important;font-size:clamp(28px,4vw,40px)!important;line-height:1.1!important;color:#2B2625!important;text-wrap:balance}

/* ══════════ CARTES ══════════ */
.em-cartes{gap:clamp(16px,2.5vw,24px)!important;margin:1.6em 0 2.2em!important}
.em-carte{position:relative!important;padding:clamp(22px,3vw,32px)!important;background:#FFFAF0!important;border:2px solid #EBE0CC!important;border-radius:12px!important;overflow:hidden!important;transition:transform .35s cubic-bezier(.25,.8,.25,1.15),box-shadow .35s,border-color .35s}
.em-carte:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(43,38,37,.08);border-color:#68A834!important}
.em-carte p{margin:0 0 .8em!important;font-size:16px!important;line-height:1.7!important;color:#4A4543!important}
.em-carte > :last-child{margin-bottom:0!important}
.em-carte .em-carte-numero{position:absolute!important;top:8px!important;right:18px!important;margin:0!important;font-family:'Gloria Hallelujah',cursive!important;font-size:72px!important;font-weight:700!important;line-height:1!important;color:#68A834!important;opacity:.16}
.em-carte .wp-block-heading{margin:0 0 10px!important;padding-right:48px!important;font-size:clamp(18px,2vw,21px)!important;line-height:1.25!important;color:#2B2625!important}
.em-carte .is-style-coche > li{background:#F5EDDC!important;border-color:#F5EDDC!important}

/* ══════════ LISTE COCHÉE ══════════ */
.is-style-coche{list-style:none!important;margin:.6em 0 1.8em!important;padding:0!important}
.is-style-coche > li{position:relative!important;margin:0 0 10px!important;padding:14px 18px 14px 56px!important;background:#FFFAF0!important;border:2px solid #EBE0CC!important;border-radius:12px!important;font-size:16px!important;line-height:1.6!important;color:#4A4543!important}
.is-style-coche > li:last-child{margin-bottom:0!important}
.is-style-coche > li::before{content:'';position:absolute;left:16px;top:14px;width:26px;height:26px;border-radius:50%;background:#68A834 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFAF0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat}

/* ══════════ CONSEILS NUMÉROTÉS ══════════ */
.is-style-conseils{list-style:none!important;counter-reset:em-conseil!important;margin:1em 0 2em!important;padding:0!important}
.is-style-conseils > li{counter-increment:em-conseil;position:relative!important;margin:0 0 12px!important;padding:22px 24px 22px 88px!important;background:#FFFAF0!important;border:2px solid #EBE0CC!important;border-radius:16px!important;font-size:16px!important;line-height:1.75!important;color:#4A4543!important;transition:transform .35s cubic-bezier(.25,.8,.25,1.15),box-shadow .35s,border-color .35s}
.is-style-conseils > li:last-child{margin-bottom:0!important}
.is-style-conseils > li::before{content:counter(em-conseil,decimal-leading-zero);position:absolute;left:24px;top:20px;font-family:'Gloria Hallelujah',cursive;font-size:34px;font-weight:700;line-height:1;color:#68A834}
.is-style-conseils > li:hover{transform:translateX(6px);box-shadow:0 10px 30px rgba(43,38,37,.07);border-color:#68A834!important}
.is-style-conseils strong{font-size:1.1em!important;color:#2B2625!important}

/* ══════════ ENCADRÉ JAUNE « À RETENIR » ══════════ */
.em-encadre-jaune{margin:2.2em 10px 2.2em 0!important;padding:clamp(24px,3.5vw,36px) clamp(22px,4vw,40px)!important;background:#F8C300!important;border-radius:20px!important;box-shadow:10px 10px 0 rgba(43,38,37,.1)!important;color:#2B2625!important}
.em-encadre-jaune p{margin:0 0 .6em!important;font-size:16px!important;line-height:1.7!important;color:#2B2625!important}
.em-encadre-jaune p:last-child{margin-bottom:0!important}
.em-encadre-jaune .em-etiquette{display:inline-block!important;margin:0 0 14px!important;padding:6px 14px!important;background:#2B2625!important;border-radius:50px!important;font-size:11px!important;font-weight:800!important;letter-spacing:2px!important;line-height:1.6!important;text-transform:uppercase!important;color:#F8C300!important}
.em-encadre-jaune .is-style-manuscrit{font-size:clamp(19px,2.4vw,25px)!important;line-height:1.5!important;color:#2B2625!important}
.em-encadre-jaune .is-style-manuscrit strong{font-weight:700!important;color:#8A4C3A!important}

/* ══════════ ENCADRÉ SOMBRE « BON À SAVOIR » / INFOS PRATIQUES ══════════ */
.em-encadre-sombre{margin:2.4em 16px 2.4em 0!important;padding:clamp(26px,3.5vw,38px)!important;background:#2B2625!important;border-radius:20px!important;box-shadow:16px 16px 0 #EBE0CC!important;color:#FFFAF0!important}
.em-encadre-sombre p{margin:0 0 .8em!important;font-size:16px!important;line-height:1.7!important;color:rgba(255,250,240,.85)!important}
.em-encadre-sombre p:last-child{margin-bottom:0!important}
.em-encadre-sombre strong{color:#FFFAF0!important}
.em-encadre-sombre a:not(.wp-block-button__link){color:#F8C300!important}
.em-encadre-sombre .em-encadre-titre{margin:0 0 16px!important;font-family:'Gloria Hallelujah',cursive!important;font-size:24px!important;line-height:1.3!important;color:#F8C300!important}
.em-encadre-sombre .wp-block-buttons{margin:22px 0 0!important}

/* ══════════ CHIFFRES CLÉS ══════════ */
.em-chiffres{gap:14px!important;margin:2em 0!important}
.em-chiffres > .wp-block-column{padding:26px 16px!important;background:#2B2625!important;border-radius:16px!important;text-align:center!important}
.em-chiffres .em-chiffre{margin:0!important;font-size:clamp(28px,3.6vw,40px)!important;font-weight:900!important;line-height:1!important;color:#F8C300!important}
.em-chiffres .em-chiffre-legende{margin:10px 0 0!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.5px!important;line-height:1.4!important;text-transform:uppercase!important;color:rgba(255,250,240,.75)!important}

/* ══════════ FAQ (blocs « Détails ») ══════════ */
.em-faq{margin:1.6em 0 2.2em!important}
.em-faq .wp-block-details{margin:0!important;padding:0!important;background:#FFFAF0!important;border:2px solid #EBE0CC!important;border-radius:14px!important;transition:border-color .3s,box-shadow .3s}
.em-faq .wp-block-details + .wp-block-details{margin-top:12px!important}
.em-faq .wp-block-details[open]{border-color:#68A834!important;box-shadow:0 10px 30px rgba(43,38,37,.06)}
.em-faq summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 22px!important;list-style:none!important;cursor:pointer;font-family:'Nunito',sans-serif!important;font-size:clamp(16px,1.8vw,18px)!important;font-weight:800!important;line-height:1.4!important;color:#2B2625!important}
.em-faq summary::-webkit-details-marker{display:none}
.em-faq summary::after{content:'+';flex:0 0 32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#68A834;color:#FFFAF0;font-family:'Nunito',sans-serif;font-size:22px;font-weight:700;line-height:1;transition:transform .3s,background .3s}
.em-faq .wp-block-details[open] summary::after{transform:rotate(45deg);background:#8A4C3A}
.em-faq .wp-block-details > :not(summary){margin:0!important;padding:0 22px 14px!important;font-size:16px!important;line-height:1.75!important;color:#4A4543!important}
.em-faq .wp-block-details > :last-child{padding-bottom:20px!important}

/* ══════════ PHOTO AVEC PASTILLE ══════════ */
.em-photo{position:relative!important;margin:2.6em 16px 2.6em 0!important}
.em-photo .wp-block-image{margin:0!important}
.em-photo img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;margin:0!important;border:0!important;border-radius:20px!important;box-shadow:16px 16px 0 #EBE0CC!important}
.em-photo .em-pastille{position:absolute!important;top:-24px!important;right:-14px!important;z-index:2!important;width:96px!important;height:96px!important;margin:0!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#F8C300!important;border-radius:50%!important;box-shadow:4px 4px 0 rgba(43,38,37,.15)!important;transform:rotate(8deg);font-family:'Gloria Hallelujah',cursive!important;font-size:14px!important;font-weight:700!important;line-height:1.15!important;text-align:center!important;text-transform:uppercase!important;color:#2B2625!important}

/* ══════════ IMAGE + TEXTE ══════════ */
.em-image-texte{align-items:center!important;gap:clamp(24px,4vw,44px)!important;margin:2.4em 0!important}
.em-image-texte .wp-block-image{margin:0!important}
.em-image-texte img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;margin:0!important;border-radius:20px!important;box-shadow:12px 12px 0 #EBE0CC!important}
.em-image-texte .wp-block-heading{margin-top:0!important}
.em-image-texte .wp-block-column > :last-child{margin-bottom:0!important}

/* ══════════ IMAGE « POLAROÏD » ══════════ */
.wp-block-image.is-style-polaroid{margin:2.2em auto!important;text-align:center!important}
.wp-block-image.is-style-polaroid img{margin:0!important;border:8px solid #fff!important;border-radius:16px!important;box-shadow:12px 12px 0 #EBE0CC!important;transform:rotate(-1.5deg)}
.wp-block-image.is-style-polaroid figcaption{margin-top:16px!important;font-family:'Gloria Hallelujah',cursive!important;font-size:16px!important;color:#8A4C3A!important}

/* ══════════ BOUTONS (terracotta par défaut, style « Jaune ») ══════════ */
.wp-block-buttons{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin:1.6em 0!important}
.wp-block-button .wp-block-button__link{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:16px 30px!important;background:#8A4C3A!important;border:2px solid #8A4C3A!important;border-radius:6px!important;font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.3!important;text-transform:uppercase!important;text-decoration:none!important;color:#FFFAF0!important;transition:all .35s cubic-bezier(.25,.8,.25,1.15)}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,51,18,.25);background:#B4644B!important;border-color:#B4644B!important}
.wp-block-button.is-style-jaune .wp-block-button__link{background:#F8C300!important;border-color:#F8C300!important;color:#2B2625!important}
.wp-block-button.is-style-jaune .wp-block-button__link:hover{box-shadow:0 6px 20px rgba(248,195,0,.3);background:#FAD23A!important;border-color:#FAD23A!important}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:#8A4C3A!important}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:#8A4C3A!important;color:#FFFAF0!important}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:600px){
  .is-style-conseils > li{padding:58px 20px 20px!important}
  .is-style-conseils > li::before{left:20px;top:16px;font-size:28px}
  .em-photo .em-pastille{top:-18px!important;right:-6px!important;width:76px!important;height:76px!important;font-size:12px!important}
  .em-encadre-sombre,.em-photo{margin-right:10px!important}
}
@media(max-width:480px){
  .wp-block-buttons{flex-direction:column!important;align-items:stretch!important}
  .wp-block-button .wp-block-button__link{width:100%!important;justify-content:center!important}
}

}