/*
 * Action internationale — page détail (single-action_intl.php).
 *
 * Habillage extrait de la maquette « Palestine - MdM.html », scopé sous « .action-detail »
 * pour n'impacter aucune autre page (plusieurs classes — .wrap, .reveal, .toast,
 * .ctag, .country-card — sont partagées avec d'autres gabarits). La police « Anton » et
 * « Open Sans » viennent de style.css (chargées globalement).
 *
 * La zone « .cd-prose » stylise à la fois le contenu de l'éditeur natif (h2, p, ul,
 * blockquote, figure) ET les classes éditoriales de la maquette (.cd-alert, .cd-zones…),
 * afin que le récit reste éditable dans WordPress tout en restant fidèle au design.
 */

.action-detail { font-family: 'Open Sans', sans-serif; color: #1d1a55; background: #fff; line-height: 1.4; -webkit-font-smoothing: antialiased; }
.action-detail h1, .action-detail h2, .action-detail h3 { margin: 0; font-weight: 400; }
.action-detail p { margin: 0; }
.action-detail a { text-decoration: none; color: inherit; }
.action-detail ul { margin: 0; padding: 0; list-style: none; }
.action-detail button { font-family: inherit; }
.action-detail img { max-width: 100%; }

.action-detail .wrap { padding: 0 26px; }
.action-detail .wrap-flush { padding: 0; }

/* ===== progress ===== */
.action-detail .cd-progress { position: fixed; top: 0; left: 0; height: 4px; background: #e9511c; z-index: 3000; width: 0; }

/* ===== HERO ===== */
.action-detail .cd-hero { position: relative; background: #055da8; color: #fff; overflow: hidden; padding: 11vw 0 0; }
.action-detail .cd-bc { position: relative; z-index: 2; padding-top: 30px; }
.action-detail .back-btn { display: inline-flex; align-items: center; gap: 12px; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: .05em; color: #fff; border: 1px solid rgba(255,255,255,.55); border-radius: 50px; padding: 8px 18px; transition: background-color .25s ease, color .25s ease; }
.action-detail .back-btn:hover { background: #fff; color: #1d1a55; }
.action-detail .back-btn img { width: 12px; rotate: 180deg; }
.action-detail .cd-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) 480px; gap: 56px; align-items: center; padding: 20px 0 64px; }
.action-detail .cd-hero-photo { animation: rise .8s cubic-bezier(.22,.61,.36,1) .25s both; }
.action-detail .cd-hero-photo-tilt { position: relative; aspect-ratio: 4/3; border-radius: 10px; overflow: hidden; background: #12305a; transform: rotate(2.2deg); box-shadow: 0 24px 60px rgba(13,16,50,.35); }
.action-detail .cd-hero-photo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.action-detail .cd-ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 16px; color: #bddfec; }
.action-detail .cd-ph svg { opacity: .6; }
.action-detail .cd-ph-cap { max-width: 84%; font-size: 13px; font-weight: 500; line-height: 1.4; }

.action-detail .hr { animation: rise .7s cubic-bezier(.22,.61,.36,1) both; }
.action-detail .hr2 { animation-delay: .1s; } .action-detail .hr3 { animation-delay: .2s; }
.action-detail .hr4 { animation-delay: .3s; } .action-detail .hr5 { animation-delay: .42s; }

.action-detail .cd-flags { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
.action-detail .urgent-flag { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 15px; letter-spacing: .05em; background: #bd1118; color: #fff; padding: 6px 14px; border-radius: 5px; display: inline-flex; align-items: center; }
.action-detail .pulse { width: 9px; height: 9px; border-radius: 100%; background: #fff; display: inline-block; margin-right: 9px; animation: upulse 1.6s ease-in-out infinite; }
.action-detail .ctag { font-family: 'Anton', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: .03em; padding: 4px 12px; border-radius: 4px; background: #00af9c; color: #fff; }
.action-detail .ctag.sante-rep { background: #055da8; }
.action-detail .ctag.urgence { background: #bd1118; }
.action-detail .cd-title { position: relative; margin-top: 72px; }
.action-detail .cd-eyebrow { position: absolute; left: 0; top: -47px; z-index: 2; padding: 8px 16px; font-family: 'Anton', sans-serif; text-transform: uppercase; background: #e9511c; border-radius: 5px; color: #fff; font-size: 28px; line-height: normal; white-space: nowrap; transform: rotate(-4.14deg); }
.action-detail .cd-hero h1 { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: clamp(54px,7.5vw,104px); line-height: 1.18; letter-spacing: -.01em; }
.action-detail .cd-lead { font-size: 19px; line-height: 1.6; color: #bddfec; max-width: 560px; margin-top: 24px; }
.action-detail .cd-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.action-detail .btn-don { display: inline-flex; align-items: center; gap: 16px; background: #e9511c; color: #fff; border: 1px solid #e9511c; border-radius: 5px; padding: 12px 20px; font-size: 16px; font-weight: 600; line-height: 20px; transition: background-color .3s ease, color .3s ease; }
.action-detail .btn-don:hover { background: transparent; color: #fff; border-color: #fff; }
.action-detail .btn-don img { width: 14px; filter: brightness(0) invert(1); }
.action-detail .btn-ghost { display: inline-flex; align-items: center; gap: 14px; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.6); border-radius: 5px; padding: 12px 20px; font-size: 16px; font-weight: 600; line-height: 20px; transition: background-color .3s ease, color .3s ease; }
.action-detail .btn-ghost:hover { background: #fff; color: #1d1a55; }

/* ===== STATS ===== */
.action-detail .cd-stats { background: #1d1a55; color: #fff; }
.action-detail .cd-stats-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.action-detail .cd-stat { padding: 46px 34px; border-right: 1px solid rgba(255,255,255,.14); position: relative; }
.action-detail .cd-stat.last { border-right: none; }
.action-detail .cd-num { font-family: 'Anton', sans-serif; font-size: clamp(46px,5vw,74px); line-height: 1; color: #bddfec; margin-bottom: 14px; display: block; }
.action-detail .cd-num.rouge { color: #ff6b62; }
.action-detail .cd-stat-label { font-size: 16px; font-weight: 700; line-height: 1.45; margin-bottom: 8px; }
.action-detail .cd-stat-sub { font-size: 13px; color: rgba(231,236,245,.7); line-height: 1.55; }

/* ===== BODY (prose + sidebar) ===== */
.action-detail .cd-body { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 60px; padding-top: 68px; padding-bottom: 84px; }
/* Action sans récit : pas de colonne vide — la barre latérale seule, largeur contenue. */
.action-detail .cd-body.no-prose { grid-template-columns: minmax(0, 460px); justify-content: center; }

/* -- prose : contenu de l'éditeur natif + classes éditoriales -- */
.action-detail .cd-prose > *:first-child { margin-top: 0; }
.action-detail .cd-prose h1, .action-detail .cd-prose h2, .action-detail .cd-prose .cd-h2, .action-detail .cd-prose h3, .action-detail .cd-prose h4, .action-detail .cd-prose h5, .action-detail .cd-prose h6 { display: block; font-family: 'Anton', sans-serif; text-transform: uppercase; line-height: 1.18; color: #1d1a55; margin: 34px 0 14px; letter-spacing: -.01em; }
.action-detail .cd-prose h1 { font-size: clamp(30px,3.8vw,40px); margin: 56px 0 26px; }
.action-detail .cd-prose h2, .action-detail .cd-prose .cd-h2 { font-size: clamp(27px,3.2vw,34px); margin: 56px 0 26px; }
.action-detail .cd-prose h3 { font-size: clamp(25px,2.6vw,28px); }
.action-detail .cd-prose h4 { font-size: clamp(23.5px,2.2vw,25px); }
.action-detail .cd-prose h5 { font-size: clamp(22px,2vw,23px); }
.action-detail .cd-prose h6 { font-size: clamp(21px,1.9vw,22px); }
.action-detail .cd-prose p { font-size: 17px; line-height: 1.8; color: #3a3a52; margin: 0 0 20px; }
.action-detail .cd-prose p strong, .action-detail .cd-prose strong { color: #1d1a55; }
.action-detail .cd-prose a { color: #055da8; text-decoration: underline; }
.action-detail .cd-prose a:hover { color: #e9511c; }
/* listes (dash orange, style de marque) */
.action-detail .cd-prose ul, .action-detail .cd-prose .cd-check { margin: 20px 0 30px; padding: 0; display: flex; flex-direction: column; gap: 10px; list-style: none; }
.action-detail .cd-prose li, .action-detail .cd-prose .cli { font-size: 16px; line-height: 1.6; color: #3a3a52; padding-left: 26px; position: relative; }
.action-detail .cd-prose li::before, .action-detail .cd-prose .cli::before { content: '—'; position: absolute; left: 0; color: #e9511c; font-weight: 700; }
/* « list-style: decimal » : sans lui, le reset global « ul, ol { list-style: none } » de
   style.css laisse une liste numérotée sans aucun numéro (le tiret des <ul> est, lui,
   neutralisé juste en dessous par « ol li::before { content: none } »). */
.action-detail .cd-prose ol { margin: 20px 0 30px; padding-left: 22px; list-style: decimal; }
.action-detail .cd-prose ol li { padding-left: 4px; }
.action-detail .cd-prose ol li::before { content: none; }
/* alerte */
.action-detail .cd-alert { border-left: 5px solid #bd1118; padding: 6px 0 6px 28px; margin: 30px 0; }
.action-detail .cd-alert-label { display: flex; align-items: center; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 15px; letter-spacing: .08em; margin-bottom: 10px; color: #bd1118; }
.action-detail .cd-alert .pulse { background: #bd1118; }
.action-detail .cd-alert p { font-size: 16px; line-height: 1.7; margin: 0; color: #3a3a52; }
.action-detail .cd-alert p + p { margin-top: 12px; } /* alerte sur plusieurs paragraphes : on rétablit l'espacement (le margin:0 ci-dessus évite un blanc final). */
/* média (figure native OU placeholder .cd-media) */
.action-detail .cd-prose figure { margin: 32px 0 12px; }
.action-detail .cd-prose figure img { display: block; width: 100%; height: auto; border-radius: 10px; background: #eef3f8; }
.action-detail .cd-prose figcaption, .action-detail .cd-prose .cd-caption { font-size: 13px; color: #8a8fa6; margin: 10px 0 32px; padding-bottom: 24px; border-bottom: 1px dashed #cfe0ef; }
.action-detail .cd-prose .cd-media { position: relative; aspect-ratio: 16/9; border-radius: 10px; overflow: hidden; background: #eef3f8; margin: 32px 0 12px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1.5px dashed rgba(29,26,85,.18); color: #8a8fa6; }
.action-detail .cd-prose .cd-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.action-detail .cd-prose .cd-media-ph { font-size: 13px; font-weight: 500; padding: 16px; max-width: 80%; line-height: 1.5; }
/* citation */
.action-detail .cd-prose blockquote, .action-detail .cd-prose .cd-quote { margin: 38px 0; padding: 6px 0 6px 28px; border-left: 5px solid #e9511c; }
.action-detail .cd-prose blockquote p, .action-detail .cd-prose .cd-quote p { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: clamp(21px,2.4vw,28px); line-height: 1.28; color: #1d1a55; margin: 0; }
.action-detail .cd-prose blockquote .hl, .action-detail .cd-prose .cd-quote .hl { background: linear-gradient(#bddfec,#bddfec) no-repeat; background-size: 100% 58%; background-position: 0 72%; }
.action-detail .cd-prose blockquote cite, .action-detail .cd-prose .cd-quote cite { display: block; margin-top: 14px; font-style: normal; font-size: 14px; color: #8a8fa6; }
/* zones d'intervention */
.action-detail .cd-zones { display: grid; grid-template-columns: 1fr; gap: 0; margin: 26px 0 34px; }
.action-detail .cd-zones .zone { padding: 16px 0; border-bottom: 1px dashed #cfe0ef; }
.action-detail .cd-zones .zone-label { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: .06em; color: #8a8fa6; margin-bottom: 6px; }
.action-detail .cd-zones .zone-val { font-size: 17px; font-weight: 700; color: #1d1a55; margin-bottom: 4px; }
.action-detail .cd-zones .zone-val.rouge { color: #bd1118; }
.action-detail .cd-zones .zone-sub { font-size: 14px; color: #5b6078; line-height: 1.55; }

/* ===== SIDEBAR ===== */
.action-detail .cd-side-inner { position: sticky; top: 110px; }
.action-detail .cd-box { border-radius: 10px; margin-bottom: 22px; }
.action-detail .cd-don { background: #e9511c; color: #fff; padding: 28px 26px; }
.action-detail .cd-don-title { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 24px; line-height: 1.1; margin-bottom: 12px; }
.action-detail .cd-don-desc { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.92); margin-bottom: 20px; }
.action-detail .btn-white { display: flex; justify-content: center; align-items: center; gap: 14px; background: #fff; color: #e9511c; border-radius: 5px; padding: 13px 20px; font-size: 16px; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; }
.action-detail .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.action-detail .btn-white img { width: 16px; }
.action-detail .cd-card { border: 1px solid #cfe0ef; padding: 24px 26px; }
.action-detail .sb-label { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: .08em; color: #055da8; margin-bottom: 16px; }
.action-detail .pres-item { display: flex; flex-direction: column; gap: 2px; padding: 11px 0; border-bottom: 1px dashed #cfe0ef; }
.action-detail .pres-item.last { border-bottom: none; padding-bottom: 0; }
.action-detail .pres-label { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; color: #8a8fa6; }
.action-detail .pres-val { font-size: 14px; font-weight: 600; color: #1d1a55; line-height: 1.5; }
.action-detail .pres-val.rouge { color: #bd1118; }
.action-detail .actu-item { display: block; padding: 13px 0; border-bottom: 1px solid #e5e9f2; transition: padding-left .2s ease; }
.action-detail .actu-item.last { border-bottom: none; padding-bottom: 0; }
.action-detail .actu-item:hover { padding-left: 6px; }
.action-detail .actu-item:hover .actu-title { color: #e9511c; }
.action-detail .actu-meta { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: .05em; color: #8a8fa6; margin-bottom: 4px; }
.action-detail .actu-title { font-size: 14px; font-weight: 600; color: #1d1a55; line-height: 1.45; transition: color .25s ease; }
.action-detail .share-stack { display: flex; flex-direction: column; gap: 10px; }
.action-detail .share-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px solid #cfd8e8; border-radius: 8px; background: #fff; color: #1d1a55; cursor: pointer; font-size: 14px; font-weight: 600; text-align: left; width: 100%; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.action-detail .share-item:hover { background: #1d1a55; color: #fff; border-color: #1d1a55; }
.action-detail .si-circle { width: 38px; height: 38px; border-radius: 100%; background: #e9511c; display: grid; place-items: center; flex-shrink: 0; }
.action-detail .si-circle svg { display: block; width: 42.11%; height: 42.11%; }
.action-detail .share-item:nth-child(2) .si-circle svg,
.action-detail .share-item:nth-child(3) .si-circle svg { width: 39.47%; height: 39.47%; }

/* ===== PARTNERS ===== */
.action-detail .cd-partners { background: #eef6fb; padding: 68px 0 76px; }
.action-detail .sec-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 38px; flex-wrap: wrap; }
.action-detail .sec-title-wrap { position: relative; }
.action-detail .sec-title-wrap:has(> .sec-tag) { padding-top: 52.4px; }
.action-detail .sec-tag { position: absolute; left: 0; top: -4px; z-index: 2; padding: 8px 16px; font-family: 'Anton', sans-serif; text-transform: uppercase; background: #e9511c; border-radius: 5px; color: #fff; font-size: 28px; line-height: normal; white-space: nowrap; transform: rotate(-4.14deg); }
.action-detail .sec-title { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: clamp(34px,5.2vw,62px); line-height: 1; color: #1d1a55; }
.action-detail .sec-title .hl { background: linear-gradient(#bddfec,#bddfec) no-repeat; background-size: 100% 58%; background-position: 0 70%; }
.action-detail .sec-desc { font-size: 15px; color: #5b6078; line-height: 1.65; max-width: 400px; }
.action-detail .partners-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }
.action-detail .partner { background: #fff; border: 1px solid #dbe8f2; border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 12px; transition: transform .35s cubic-bezier(.22,.61,.36,1), border-color .3s ease; }
.action-detail .partner:hover { transform: translateY(-4px); border-color: #055da8; }
.action-detail .partner-logo { position: relative; aspect-ratio: 3/2; border-radius: 6px; overflow: hidden; background: #eef3f8; display: flex; align-items: center; justify-content: center; }
.action-detail .partner-logo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.action-detail .partner-ph { color: #b6c4d6; }
.action-detail .partner-name { font-size: 13px; font-weight: 700; color: #1d1a55; line-height: 1.35; }
.action-detail .partner-type { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: .05em; color: #8a8fa6; }

/* ===== OTHER COUNTRIES ===== */
.action-detail .cd-others { padding: 68px 0 40px; }
.action-detail .cd-others-carousel { position: relative; }
.action-detail .cd-others-hint { display: none; }
.action-detail .others-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.action-detail .country-card { border: 1px solid #cfe0ef; border-radius: 10px; overflow: hidden; background: #fff; display: flex; flex-direction: column; transition: border-color .35s ease, transform .4s cubic-bezier(.22,.61,.36,1); }
.action-detail .country-card:hover { border-color: #055da8; transform: translateY(-4px); }
.action-detail .country-card.urgent { border: 2px solid #bd1118; }
.action-detail .country-card.urgent:hover { border-color: #bd1118; }
.action-detail .country-img { position: relative; aspect-ratio: 4/5; background: #eef3f8; border-bottom: 1px solid #e5e9f2; flex-shrink: 0; }
.action-detail .country-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.action-detail .country-ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 12px; color: #8a8fa6; border: 1.5px dashed rgba(29,26,85,.18); }
.action-detail .country-ph svg { opacity: .45; }
.action-detail .country-ph-cap { max-width: 90%; font-size: 13px; font-weight: 500; line-height: 1.4; }
.action-detail .img-tags { position: absolute; top: 12px; left: 12px; right: 12px; z-index: 2; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.action-detail .img-tags .urgent-flag { font-size: 14px; padding: 5px 12px; }
.action-detail .country-inner { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; gap: 12px; }
.action-detail .country-name { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 22px; line-height: 1.05; color: #1d1a55; }
.action-detail .country-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; }
.action-detail .country-link { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: .04em; color: #055da8; display: inline-flex; align-items: center; gap: 8px; transition: color .25s ease; }
.action-detail .country-link img { width: 14px; transition: transform .3s ease; }
.action-detail .country-card:hover .country-link { color: #e9511c; }
.action-detail .country-card:hover .country-link img { transform: translateX(3px); }

/* ===== reveal / toast ===== */
.action-detail .reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s cubic-bezier(.22,.61,.36,1), transform .65s cubic-bezier(.22,.61,.36,1); }
.action-detail .reveal.in { opacity: 1; transform: none; }
.action-detail .toast { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(90px); background: #1d1a55; color: #fff; padding: 12px 26px; border-radius: 50px; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: .08em; transition: transform .35s cubic-bezier(.22,.61,.36,1); z-index: 999; }
.action-detail .toast.show { transform: translateX(-50%) translateY(0); }

@keyframes rise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes upulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.75); } }

@media (prefers-reduced-motion: reduce) {
	.action-detail .reveal, .action-detail .reveal.in { opacity: 1; transform: none; transition: none; }
	.action-detail .hr, .action-detail .cd-hero-photo { animation: none; }
	.action-detail .pulse { animation: none; }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1279px) {
	.action-detail .cd-title { margin-top: 50px; }
	.action-detail .cd-eyebrow { font-size: 18px; line-height: 27px; top: -33px; }
	.action-detail .sec-tag { font-size: 18px; line-height: 27px; top: 13px; }
}

@media (max-width: 1100px) {
	.action-detail .cd-hero-inner { grid-template-columns: 1fr; gap: 40px; }
	.action-detail .cd-hero-photo { max-width: 640px; }
	.action-detail .cd-hero-photo-tilt { transform: rotate(1.5deg); }
	.action-detail .cd-body { grid-template-columns: 1fr; gap: 48px; }
	.action-detail .cd-side-inner { position: static; }
	.action-detail .partners-grid { grid-template-columns: repeat(3,1fr); }
	.action-detail .others-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
	/* Les 3 stats restent sur une seule ligne (séparateurs verticaux conservés). */
	.action-detail .cd-stat { padding: 28px 16px; }
}
@media (max-width: 767px) {
	.action-detail .cd-eyebrow { font-size: 14px; line-height: 21px; top: -28px; }
	.action-detail .sec-tag { font-size: 14px; line-height: 21px; top: 19px; }
	.action-detail .cd-partners-marquee { overflow: hidden; }
	.action-detail .partners-grid { display: flex; flex-wrap: nowrap; width: max-content; gap: 0; animation: partners-scroll 30s linear infinite; }
	.action-detail .partners-grid.no-loop { animation: none; }
	.action-detail .partners-grid > * { flex: 0 0 180px; margin-right: 10px; }
	.action-detail .partner-type { display: none; }
	.action-detail .partner-logo { aspect-ratio: 4/3; }
	.action-detail .partner-logo-img { padding: 4px; }

	.action-detail .others-grid { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.action-detail .others-grid::-webkit-scrollbar { display: none; }
	.action-detail .others-grid > * { flex: 0 0 260px; }
	.action-detail .cd-others-hint { align-items: center; justify-content: center; position: absolute; top: 50%; right: 12px; width: 44px; height: 44px; transform: translateY(-50%); border-radius: 50%; background: #055da8; pointer-events: none; z-index: 2; transition: opacity .3s ease; animation: mdm-hint-blink 1.1s ease-in-out infinite; }
	.action-detail .cd-others-hint::before { content: ''; width: 11px; height: 11px; margin-left: -3px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }
	.action-detail .cd-others-carousel.has-overflow .cd-others-hint { display: flex; }
	.action-detail .cd-others-carousel.is-scrolled .cd-others-hint { opacity: 0; animation: none; }

	@media (prefers-reduced-motion: reduce) {
		.action-detail .cd-others-hint { animation: none; }
		.action-detail .partners-grid { animation: none; }
	}
}
@media (max-width: 760px) {
	.action-detail .cd-hero { padding-top: 50px; }
	.action-detail .cd-hero-inner { padding-bottom: 46px; }
	.action-detail .cd-body { padding-top: 48px; padding-bottom: 60px; }
	.action-detail .cd-prose h2, .action-detail .cd-prose .cd-h2 { margin: 40px 0 20px; }
	.action-detail .cd-zones { grid-template-columns: 1fr; }
	.action-detail .partners-grid { grid-template-columns: 1fr 1fr; }
	.action-detail .others-grid { grid-template-columns: 1fr; }
	.action-detail .sec-head { margin-bottom: 26px; }
	.action-detail .cd-partners, .action-detail .cd-others { padding-top: 50px; }
	.action-detail .wrap { padding: 20px 18px 0; }
}
@media (max-width: 560px) {
	/* Stats toujours sur une ligne : on réduit chiffres, libellés et marges pour tenir. */
	.action-detail .cd-stat { padding: 22px 8px; }
	.action-detail .cd-num { font-size: 30px; margin-bottom: 8px; }
	.action-detail .cd-stat-label { font-size: 12px; }
	.action-detail .cd-stat-sub { font-size: 10px; }
	.action-detail .wrap { padding: 20px 10px 0; }
}

@media (min-width: 1700px) {
	.action-detail .wrap { padding: 0 1.8057vw; }

	.action-detail .cd-progress { height: 0.2778vw; }

	.action-detail .cd-bc { padding-top: 2.0835vw; }
	.action-detail .back-btn { gap: 0.8334vw; font-size: 0.9723vw; border-width: 0.0694vw; border-radius: 3.4724vw; padding: 0.5556vw 1.2501vw; }
	.action-detail .back-btn img { width: 0.8334vw; }
	.action-detail .cd-hero-inner { grid-template-columns: minmax(0,1fr) 33.3353vw; gap: 3.8891vw; padding: 1.389vw 0 4.4447vw; }
	.action-detail .cd-hero-photo-tilt { border-radius: 0.6945vw; box-shadow: 0 1.6668vw 4.1669vw rgba(13,16,50,.35); }
	.action-detail .cd-ph { gap: 0.5556vw; padding: 1.1112vw; }
	.action-detail .cd-ph-cap { font-size: 0.9028vw; }
	.action-detail .cd-flags { gap: 0.6945vw; margin-bottom: 1.2501vw; }
	.action-detail .urgent-flag { font-size: 1.0417vw; padding: 0.4167vw 0.9723vw; border-radius: 0.3472vw; }
	.action-detail .pulse { width: 0.625vw; height: 0.625vw; margin-right: 0.625vw; }
	.action-detail .ctag { font-size: 0.9723vw; padding: 0.2778vw 0.8334vw; border-radius: 0.2778vw; }
	.action-detail .cd-title { margin-top: 5.0003vw; }
	.action-detail .cd-eyebrow { top: -3.2641vw; padding: 0.5556vw 1.1112vw; border-radius: 0.3472vw; font-size: 1.9446vw; }
	.action-detail .cd-hero h1 { font-size: clamp(3.7502vw,7.5vw,7.2227vw); }
	.action-detail .cd-lead { font-size: 1.3195vw; max-width: 38.8912vw; margin-top: 1.6668vw; }
	.action-detail .cd-hero-cta { gap: 0.8334vw; margin-top: 2.0835vw; }
	.action-detail .btn-don { gap: 1.1112vw; border-width: 0.0694vw; border-radius: 0.3472vw; padding: 0.8334vw 1.389vw; font-size: 1.1112vw; line-height: 1.389vw; }
	.action-detail .btn-don img { width: 0.9723vw; }
	.action-detail .btn-ghost { gap: 0.9723vw; border-width: 0.0694vw; border-radius: 0.3472vw; padding: 0.8334vw 1.389vw; font-size: 1.1112vw; line-height: 1.389vw; }

	.action-detail .cd-stat { padding: 3.1946vw 2.3613vw; border-right-width: 0.0694vw; }
	.action-detail .cd-num { font-size: clamp(3.1946vw,5vw,5.1392vw); margin-bottom: 0.9723vw; }
	.action-detail .cd-stat-label { font-size: 1.1112vw; margin-bottom: 0.5556vw; }
	.action-detail .cd-stat-sub { font-size: 0.9028vw; }

	.action-detail .cd-body { grid-template-columns: minmax(0,1fr) 23.6125vw; gap: 4.1669vw; padding-top: 4.7225vw; padding-bottom: 5.8337vw; }
	.action-detail .cd-body.no-prose { grid-template-columns: minmax(0, 31.9464vw); }

	.action-detail .cd-prose h1, .action-detail .cd-prose h2, .action-detail .cd-prose .cd-h2, .action-detail .cd-prose h3, .action-detail .cd-prose h4, .action-detail .cd-prose h5, .action-detail .cd-prose h6 { margin: 2.3613vw 0 0.9723vw; }
	.action-detail .cd-prose h1 { font-size: clamp(2.0835vw,3.8vw,2.778vw); margin: 3.8891vw 0 1.8057vw; }
	.action-detail .cd-prose h2, .action-detail .cd-prose .cd-h2 { font-size: clamp(1.8752vw,3.2vw,2.3613vw); margin: 3.8891vw 0 1.8057vw; }
	.action-detail .cd-prose h3 { font-size: clamp(1.7362vw,2.6vw,1.9446vw); }
	.action-detail .cd-prose h4 { font-size: clamp(1.6321vw,2.2vw,1.7362vw); }
	.action-detail .cd-prose h5 { font-size: clamp(1.5279vw,2vw,1.5973vw); }
	.action-detail .cd-prose h6 { font-size: clamp(1.4584vw,1.9vw,1.5279vw); }
	.action-detail .cd-prose p { font-size: 1.1806vw; margin: 0 0 1.389vw; }
	.action-detail .cd-prose ul, .action-detail .cd-prose .cd-check { margin: 1.389vw 0 2.0835vw; gap: 0.6945vw; }
	.action-detail .cd-prose li, .action-detail .cd-prose .cli { font-size: 1.1112vw; padding-left: 1.8057vw; }
	.action-detail .cd-prose ol { margin: 1.389vw 0 2.0835vw; padding-left: 1.5279vw; }
	.action-detail .cd-prose ol li { padding-left: 0.2778vw; }
	.action-detail .cd-alert { border-left-width: 0.3472vw; padding: 0.4167vw 0 0.4167vw 1.9446vw; margin: 2.0835vw 0; }
	.action-detail .cd-alert-label { font-size: 1.0417vw; margin-bottom: 0.6945vw; }
	.action-detail .cd-alert p { font-size: 1.1112vw; }
	.action-detail .cd-alert p + p { margin-top: 0.8334vw; }
	.action-detail .cd-prose figure { margin: 2.2224vw 0 0.8334vw; }
	.action-detail .cd-prose figure img { border-radius: 0.6945vw; }
	.action-detail .cd-prose figcaption, .action-detail .cd-prose .cd-caption { font-size: 0.9028vw; margin: 0.6945vw 0 2.2224vw; padding-bottom: 1.6668vw; border-bottom-width: 0.0694vw; }
	.action-detail .cd-prose .cd-media { border-radius: 0.6945vw; margin: 2.2224vw 0 0.8334vw; border-width: 0.1042vw; }
	.action-detail .cd-prose .cd-media-ph { font-size: 0.9028vw; padding: 1.1112vw; }
	.action-detail .cd-prose blockquote, .action-detail .cd-prose .cd-quote { margin: 2.639vw 0; padding: 0.4167vw 0 0.4167vw 1.9446vw; border-left-width: 0.3472vw; }
	.action-detail .cd-prose blockquote p, .action-detail .cd-prose .cd-quote p { font-size: clamp(1.4584vw,2.4vw,1.9446vw); }
	.action-detail .cd-prose blockquote cite, .action-detail .cd-prose .cd-quote cite { margin-top: 0.9723vw; font-size: 0.9723vw; }
	.action-detail .cd-zones { margin: 1.8057vw 0 2.3613vw; }
	.action-detail .cd-zones .zone { padding: 1.1112vw 0; border-bottom-width: 0.0694vw; }
	.action-detail .cd-zones .zone-label { font-size: 0.9028vw; margin-bottom: 0.4167vw; }
	.action-detail .cd-zones .zone-val { font-size: 1.1806vw; margin-bottom: 0.2778vw; }
	.action-detail .cd-zones .zone-sub { font-size: 0.9723vw; }

	.action-detail .cd-side-inner { top: 7.6394vw; }
	.action-detail .cd-box { border-radius: 0.6945vw; margin-bottom: 1.5279vw; }
	.action-detail .cd-don { padding: 1.9446vw 1.8057vw; }
	.action-detail .cd-don-title { font-size: 1.6668vw; margin-bottom: 0.8334vw; }
	.action-detail .cd-don-desc { font-size: 0.9723vw; margin-bottom: 1.389vw; }
	.action-detail .btn-white { gap: 0.9723vw; border-radius: 0.3472vw; padding: 0.9028vw 1.389vw; font-size: 1.1112vw; }
	.action-detail .btn-white:hover { transform: translateY(-0.1389vw); box-shadow: 0 0.5556vw 1.389vw rgba(0,0,0,.18); }
	.action-detail .btn-white img { width: 1.1112vw; }
	.action-detail .cd-card { border-width: 0.0694vw; padding: 1.6668vw 1.8057vw; }
	.action-detail .sb-label { font-size: 0.9723vw; margin-bottom: 1.1112vw; }
	.action-detail .pres-item { gap: 0.1389vw; padding: 0.7639vw 0; border-bottom-width: 0.0694vw; }
	.action-detail .pres-label { font-size: 0.8334vw; }
	.action-detail .pres-val { font-size: 0.9723vw; }
	.action-detail .actu-item { padding: 0.9028vw 0; border-bottom-width: 0.0694vw; }
	.action-detail .actu-item:hover { padding-left: 0.4167vw; }
	.action-detail .actu-meta { font-size: 0.8334vw; margin-bottom: 0.2778vw; }
	.action-detail .actu-title { font-size: 0.9723vw; }
	.action-detail .share-stack { gap: 0.6945vw; }
	.action-detail .share-item { gap: 0.8334vw; padding: 0.8334vw 0.9723vw; border-width: 0.1042vw; border-radius: 0.5556vw; font-size: 0.9723vw; }
	.action-detail .si-circle { width: 2.639vw; height: 2.639vw; }

	.action-detail .cd-partners { padding: 4.7225vw 0 5.2781vw; }
	.action-detail .sec-head { gap: 2.2224vw; margin-bottom: 2.639vw; }
	.action-detail .sec-title-wrap:has(> .sec-tag) { padding-top: 3.6395vw; }
	.action-detail .sec-tag { top: -0.2778vw; padding: 0.5556vw 1.1112vw; border-radius: 0.3472vw; font-size: 1.9446vw; }
	.action-detail .sec-title { font-size: clamp(2.3613vw,5.2vw,4.3058vw); }
	.action-detail .sec-desc { font-size: 1.0417vw; max-width: 27.7795vw; }
	.action-detail .partners-grid { gap: 0.9723vw; }
	.action-detail .partner { border-width: 0.0694vw; border-radius: 0.6945vw; padding: 1.1112vw; gap: 0.8334vw; }
	.action-detail .partner:hover { transform: translateY(-0.2778vw); }
	.action-detail .partner-logo { border-radius: 0.4167vw; }
	.action-detail .partner-logo-img { padding: 0.6945vw; }
	.action-detail .partner-name { font-size: 0.9028vw; }
	.action-detail .partner-type { font-size: 0.7639vw; }

	.action-detail .cd-others { padding: 4.7225vw 0 2.7779vw; }
	.action-detail .others-grid { gap: 1.2501vw; }
	.action-detail .country-card { border-width: 0.0694vw; border-radius: 0.6945vw; }
	.action-detail .country-card:hover { transform: translateY(-0.2778vw); }
	.action-detail .country-card.urgent { border-width: 0.1389vw; }
	.action-detail .country-img { border-bottom-width: 0.0694vw; }
	.action-detail .country-ph { gap: 0.4167vw; padding: 0.8334vw; border-width: 0.1042vw; }
	.action-detail .country-ph-cap { font-size: 0.9028vw; }
	.action-detail .img-tags { top: 0.8334vw; left: 0.8334vw; right: 0.8334vw; gap: 0.4167vw; }
	.action-detail .img-tags .urgent-flag { font-size: 0.9723vw; padding: 0.3472vw 0.8334vw; }
	.action-detail .country-inner { padding: 1.2501vw 1.389vw 1.389vw; gap: 0.8334vw; }
	.action-detail .country-name { font-size: 1.5279vw; }
	.action-detail .country-footer { gap: 0.6945vw; }
	.action-detail .country-link { font-size: 0.9723vw; gap: 0.5556vw; }
	.action-detail .country-link img { width: 0.9723vw; }
	.action-detail .country-card:hover .country-link img { transform: translateX(0.2083vw); }

	.action-detail .reveal { transform: translateY(1.2501vw); }
	.action-detail .toast { bottom: 2.2224vw; transform: translateX(-50%) translateY(6.2504vw); padding: 0.8334vw 1.8057vw; border-radius: 3.4724vw; font-size: 0.9028vw; }

	@media (prefers-reduced-motion: reduce) {
		.action-detail .reveal { transform: none; }
	}
}