/* ASTRÉE — Soutien & bénévoles 1.2.0
 * La logique reste autonome ; la présentation reprend les variables et le chrome de La Façade.
 */


.astree-soutien,
.astree-benevole,
.astree-join-callout {
  --astree-ink:var(--rkdfa-ink,#19271f);
  --astree-soft:var(--rkdfa-ink-soft,#34473c);
  --astree-forest:var(--rkdfa-forest,#14241d);
  --astree-forest-2:var(--rkdfa-forest-2,#21372b);
  --astree-paper:var(--rkdfa-paper,#fbf8f2);
  --astree-ivory:var(--rkdfa-ivory,#f1e8d8);
  --astree-gold:var(--rkdfa-gold,#bda06c);
  --astree-line:var(--rkdfa-line,rgba(40,52,44,.18));
  --astree-white:var(--rkdfa-white,#fffdf8);
  --astree-serif:var(--rkdfa-serif,"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);
  --astree-sans:var(--rkdfa-sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
}

body.astree-participer-page #main-content > .container,
body.astree-participer-page #main-content .container,
body.astree-participer-page #left-area,
body.astree-participer-page article,
body.astree-participer-page .entry-content {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}

body.astree-participer-page #sidebar,
body.astree-participer-page #main-content .container::before,
body.astree-participer-page .entry-title,
body.astree-participer-page .post-meta {
  display:none !important;
}

.astree-participer {
  --astree-ink:var(--rkdfa-ink,#19271f);
  --astree-soft:var(--rkdfa-ink-soft,#34473c);
  --astree-forest:var(--rkdfa-forest,#14241d);
  --astree-forest-2:var(--rkdfa-forest-2,#21372b);
  --astree-paper:var(--rkdfa-paper,#fbf8f2);
  --astree-ivory:var(--rkdfa-ivory,#f1e8d8);
  --astree-gold:var(--rkdfa-gold,#bda06c);
  --astree-line:var(--rkdfa-line,rgba(40,52,44,.18));
  --astree-white:var(--rkdfa-white,#fffdf8);
  --astree-serif:var(--rkdfa-serif,"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif);
  --astree-sans:var(--rkdfa-sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  width:100%;
  margin:0;
  color:var(--astree-ink);
  background:var(--astree-paper);
}

.astree-participer__intro {
  position:relative;
  overflow:hidden;
  margin:0;
  padding:clamp(82px,10vw,142px) max(24px,calc((100vw - 1120px)/2)) clamp(68px,8vw,112px);
  background:
    radial-gradient(circle at 78% 20%,rgba(189,160,108,.18),transparent 25rem),
    linear-gradient(120deg,var(--astree-forest),var(--astree-forest-2));
  color:var(--astree-white);
}

.astree-participer__intro::after {
  content:"";
  position:absolute;
  right:-90px;
  bottom:-160px;
  width:420px;
  height:420px;
  border:1px solid rgba(241,232,216,.15);
  border-radius:50%;
  box-shadow:0 0 0 58px rgba(241,232,216,.035),0 0 0 116px rgba(241,232,216,.025);
  pointer-events:none;
}

.astree-participer__eyebrow,
.astree-soutien__kicker,
.astree-join-callout__kicker {
  margin:0 0 18px !important;
  color:var(--astree-gold) !important;
  font:700 12px/1.2 var(--astree-sans) !important;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.astree-participer__intro h1 {
  max-width:920px;
  margin:0 0 26px !important;
  color:var(--astree-white) !important;
  font:500 clamp(48px,6vw,80px)/.98 var(--astree-serif) !important;
  letter-spacing:-.035em !important;
}

.astree-participer__intro > p:last-child {
  max-width:820px;
  margin:0 !important;
  color:rgba(255,253,248,.88) !important;
  font:400 clamp(19px,2vw,25px)/1.58 var(--astree-serif) !important;
}

.astree-participer__grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(24px,4vw,48px);
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:clamp(56px,7vw,96px) 0 clamp(72px,9vw,120px);
  align-items:start;
}

.astree-participer__card {min-width:0;}

.astree-soutien,
.astree-benevole {
  margin:0;
  padding:clamp(28px,3.5vw,44px);
  border:1px solid var(--astree-line);
  border-radius:3px 3px 30px 3px;
  background:var(--astree-white);
  color:var(--astree-soft);
  box-shadow:0 22px 60px rgba(24,35,29,.09);
}

.astree-soutien h2,
.astree-benevole h2 {
  margin:0 0 16px !important;
  color:var(--astree-ink) !important;
  font:500 clamp(34px,3.4vw,48px)/1.04 var(--astree-serif) !important;
  letter-spacing:-.025em !important;
}

.astree-soutien > p:not([class]),
.astree-benevole > p:not([class]) {
  margin:0 0 26px !important;
  color:var(--astree-soft) !important;
  font:400 17px/1.68 var(--astree-sans) !important;
}

.astree-soutien__choices {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  align-items:end;
}

.astree-soutien button,
.astree-soutien input,
.astree-benevole input,
.astree-benevole textarea,
.astree-benevole select,
.astree-benevole button {
  font:inherit;
}

.astree-soutien__choices button {
  min-height:46px;
  padding:10px 7px;
  border:1px solid rgba(45,67,56,.28);
  border-radius:2px;
  background:#fffdf8;
  color:#30483b;
  cursor:pointer;
  font-weight:700;
}

.astree-soutien__choices button:hover,
.astree-soutien__choices button:focus-visible,
.astree-soutien__choices button[aria-pressed=true] {
  border-color:var(--astree-forest-2);
  background:var(--astree-forest-2);
  color:var(--astree-white);
}

.astree-soutien__choices label {
  grid-column:1 / -1;
  display:grid;
  gap:7px;
  margin-top:6px;
  color:var(--astree-ink) !important;
  font-weight:700;
}

.astree-soutien__choices input {
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(45,67,56,.28);
  border-radius:2px;
  background:#fffdf8;
  color:var(--astree-ink);
}

.astree-soutien__actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.astree-soutien__apply,
.astree-benevole__submit,
.astree-soutien__cart-link {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:12px 20px;
  border:1px solid var(--astree-forest-2) !important;
  border-radius:999px !important;
  background:var(--astree-forest-2) !important;
  color:#fffdf8 !important;
  cursor:pointer;
  font:700 14px/1.2 var(--astree-sans) !important;
  text-decoration:none !important;
}

.astree-soutien__apply:hover,
.astree-benevole__submit:hover,
.astree-soutien__cart-link:hover {
  border-color:#9d7945 !important;
  background:#9d7945 !important;
}

.astree-soutien__remove,
.astree-soutien__continue-link {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:11px 18px;
  border:1px solid rgba(45,67,56,.28) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--astree-ink) !important;
  cursor:pointer;
  font-weight:700;
  text-decoration:none !important;
}

.astree-soutien__status {
  margin:18px 0 0 !important;
  color:var(--astree-soft) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.astree-soutien__status.is-error {
  padding:12px 14px;
  border-left:3px solid #9f3f35;
  background:#fbefed;
  color:#742f29 !important;
}

.astree-soutien__status.is-success {
  padding:16px;
  border:1px solid rgba(45,67,56,.16);
  background:#f2f4ed;
}

.astree-soutien__success-copy {
  display:grid;
  gap:4px;
}

.astree-soutien__success-actions {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}

.astree-soutien__legal {
  margin:18px 0 0 !important;
  color:#6d756f !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.astree-soutien.is-busy {opacity:.72;}

/* Dans le panier le panneau reste utile pour modifier le montant, mais il reste compact. */
body.rkdfa-cart-page .astree-soutien--cart {
  width:min(1180px,calc(100% - 72px));
  margin:22px auto 8px;
  padding:24px 28px;
  border-radius:3px 3px 22px 3px;
}

body.rkdfa-cart-page .astree-soutien--cart h2 {
  font-size:clamp(28px,3vw,38px) !important;
}

body.rkdfa-cart-page .astree-soutien--cart .astree-soutien__choices {
  grid-template-columns:repeat(5,minmax(72px,110px));
}

.astree-benevole__form {display:grid;gap:19px;}
.astree-benevole__two {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.astree-benevole__form>label,
.astree-benevole__two label {display:grid;gap:7px;color:var(--astree-ink);font-weight:700;}

.astree-benevole input[type=text],
.astree-benevole input[type=email],
.astree-benevole textarea {
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:11px 12px;
  border:1px solid rgba(45,67,56,.28);
  border-radius:2px;
  background:#fffdf8;
  color:var(--astree-ink);
}

.astree-benevole textarea {min-height:128px;resize:vertical;}
.astree-benevole input:focus,
.astree-benevole textarea:focus,
.astree-soutien input:focus {
  outline:2px solid rgba(189,160,108,.34);
  outline-offset:1px;
  border-color:#9d7945;
}

.astree-benevole fieldset {
  margin:0;
  padding:17px;
  border:1px solid var(--astree-line);
  border-radius:2px 2px 14px 2px;
  background:#f8f5ee;
}
.astree-benevole legend {padding:0 7px;color:var(--astree-ink);font-weight:800;}
.astree-benevole__checks {display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
.astree-benevole__checks label,
.astree-benevole__radios label,
.astree-benevole__consent {display:flex !important;align-items:flex-start;gap:8px;color:var(--astree-soft) !important;font-weight:500 !important;line-height:1.4;}
.astree-benevole__radios {display:grid;gap:9px;}
.astree-benevole input[type=checkbox],
.astree-benevole input[type=radio] {margin-top:.2em;flex:0 0 auto;}
.astree-benevole__privacy {margin:-8px 0 0 !important;font-size:13px !important;}
.astree-benevole__privacy a {color:#725842;text-decoration:underline;}
.astree-benevole__message {margin:14px 0;padding:13px 15px;border-radius:2px;font-weight:700;}
.astree-benevole__message--success {border-left:3px solid #496b4a;background:#edf5ed;color:#334b34;}
.astree-benevole__message--error {border-left:3px solid #9f3f35;background:#fbefed;color:#742f29;}
.astree-benevole__hp {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}

/* Passage depuis la page Adhérer. */
.astree-join-callout {
  padding:clamp(68px,8vw,104px) 0;
  background:#efeade;
  color:var(--astree-ink,#19271f);
}
.astree-join-callout__inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(30px,6vw,80px);
  align-items:center;
}
.astree-join-callout h2 {
  max-width:760px;
  margin:0 0 16px !important;
  color:var(--rkdfa-ink,#19271f) !important;
  font:500 clamp(38px,4.4vw,60px)/1.02 var(--rkdfa-serif,Georgia,serif) !important;
}
.astree-join-callout p:not([class]) {
  max-width:760px;
  margin:0 !important;
  color:var(--rkdfa-ink-soft,#34473c) !important;
  font:400 19px/1.65 var(--rkdfa-serif,Georgia,serif) !important;
}

/* Politique de confidentialité : contenu natif, habillage de lecture seulement. */
body.astree-privacy-page .entry-title,
body.astree-privacy-page .post-meta {display:none !important;}
body.astree-privacy-page #main-content > .container,
body.astree-privacy-page #main-content .container,
body.astree-privacy-page #left-area {float:none !important;width:min(980px,calc(100% - 48px)) !important;max-width:980px !important;margin:0 auto !important;}
body.astree-privacy-page #sidebar,
body.astree-privacy-page #main-content .container::before {display:none !important;}
body.astree-privacy-page article {padding:clamp(52px,7vw,88px) 0 !important;}
body.astree-privacy-page .entry-content {padding:clamp(30px,4vw,48px);border:1px solid var(--rkdfa-line,rgba(40,52,44,.18));border-radius:3px 3px 30px 3px;background:var(--rkdfa-white,#fffdf8);box-shadow:0 24px 70px rgba(24,35,29,.08);}
body.astree-privacy-page .entry-content h1 {margin-top:0 !important;font-size:clamp(42px,5vw,66px) !important;line-height:1 !important;}
body.astree-privacy-page .entry-content h2 {margin-top:42px !important;font-size:clamp(28px,3vw,38px) !important;}
body.astree-privacy-page .entry-content p,
body.astree-privacy-page .entry-content li {font-size:16px !important;line-height:1.72 !important;}

@media (max-width:900px) {
  .astree-participer__grid {grid-template-columns:1fr;width:min(760px,calc(100% - 32px));}
  .astree-join-callout__inner {grid-template-columns:1fr;}
  body.rkdfa-cart-page .astree-soutien--cart {width:calc(100% - 28px);}
}

@media (max-width:640px) {
  .astree-participer__intro {padding-left:20px;padding-right:20px;}
  .astree-participer__grid {width:calc(100% - 24px);padding-top:36px;}
  .astree-soutien,.astree-benevole {padding:22px 18px;border-radius:2px 2px 20px 2px;}
  .astree-soutien__choices {grid-template-columns:repeat(2,minmax(0,1fr));}
  .astree-soutien__choices button:last-of-type {grid-column:auto;}
  .astree-benevole__two,.astree-benevole__checks {grid-template-columns:1fr;}
  .astree-soutien__actions,.astree-soutien__success-actions {display:grid;grid-template-columns:1fr;}
  .astree-soutien__apply,.astree-soutien__remove,.astree-soutien__cart-link,.astree-soutien__continue-link {width:100%;}
  body.rkdfa-cart-page .astree-soutien--cart .astree-soutien__choices {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.astree-privacy-page #main-content > .container,
  body.astree-privacy-page #main-content .container,
  body.astree-privacy-page #left-area {width:calc(100% - 24px) !important;}
  body.astree-privacy-page .entry-content {padding:24px 18px;}
}
.astree-benevole__privacy--draft{padding:10px 12px;border-left:3px solid #9d7945;background:#f6efe1;color:#6b512f!important;font-weight:700;}
