/* ============================================================
   PARTAGE — articles de Ressources et grandes pages (24 runes)
   inc/ressources-affichage.php (edr_ressources_partage), js/partage.js.
   Feuille à part : la page des 24 runes n'a pas à charger celle de la
   page d'entrée.
   ============================================================ */
/* La zone de partage : une ligne de petites capitales, des icônes au
   trait, jamais de pastilles colorées. */
.res-partage{position:relative}
.res-partage--tete{margin-top:clamp(1.6rem,2.6vw,2.1rem);padding-top:1.1rem;border-top:1px solid var(--acc-bord)}
.res-partage__liste{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.6rem;margin:0;padding:0}
.res-partage__liste li{margin:0}
.res-partage__action{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0;border:0;background:none;cursor:pointer;
  font:500 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--txt2);text-decoration:none;transition:color .3s}
.res-partage__action:hover,.res-partage__action:focus-visible{color:var(--or-texte)}
.res-partage__action:focus-visible{outline:2px solid var(--or);outline-offset:4px;border-radius:2px}
.res-partage__icone{flex:none;width:1.15rem;height:1.15rem;color:var(--or)}
.res-partage__action[data-action="natif"]{color:var(--nuit)}
.res-partage__statut{position:absolute;left:0;top:100%;margin-top:.15rem;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--or-texte)}
.res-partage__statut:empty{display:none}
/* sur mobile, Facebook et WhatsApp restent visibles à côté de « Partager » */
@media(max-width:699px){
  .res-partage__liste{gap:.1rem 1.1rem}
  .res-partage__action{gap:.4rem;font-size:.66rem;letter-spacing:.11em}
  .res-partage__icone{width:1.05rem;height:1.05rem}
}
@media(max-width:374px){
  .res-partage__liste{column-gap:.8rem}
  .res-partage__action{letter-spacing:.05em}
}

/* le rappel de fin d'article */
.res-partage--fin{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 2rem;margin-top:clamp(2rem,4vw,2.75rem);padding:1.25rem 0 1.5rem;border-block:1px solid var(--acc-bord)}
.res-partage__question{margin:0;font-family:var(--serif);font-size:1.3rem;line-height:1.3;color:var(--nuit)}
.res-partage--fin .res-partage__statut{top:auto;bottom:-.1rem;margin:0}

/* La fenêtre « Partager en story » */
.res-story{width:min(52rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--acc-bord);border-radius:var(--r-bloc);
  background:url("assets/images/menu-papier.webp"),#FBF8F2;color:var(--txt);box-shadow:var(--ombre-phare);overflow:auto}
.res-story::backdrop{background:rgba(27,30,43,.55);backdrop-filter:blur(2px)}
.res-story__in{position:relative;display:grid;gap:1.75rem;padding:clamp(1.25rem,4vw,2.5rem)}
.res-story__fermer{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:none;color:var(--txt2);cursor:pointer}
.res-story__fermer:hover,.res-story__fermer:focus-visible{color:var(--or-texte);background:rgba(184,134,78,.1)}
.res-story__fermer svg{width:1.3rem;height:1.3rem}
.res-story__apercu{justify-self:center;width:min(15rem,60vw);aspect-ratio:9/16;border:1px solid var(--acc-bord);background:linear-gradient(180deg,#FBF8F2,#F3E9DB);box-shadow:var(--ombre-carte)}
.res-story__apercu img{display:block;width:100%;height:100%;object-fit:cover}
.res-story h2{margin-top:var(--air-chapeau);font-size:clamp(1.9rem,3vw,2.4rem)}
.res-story ol{margin:1.1rem 0 0;padding-left:1.2rem;color:var(--txt2);font-size:1rem;line-height:1.6}
.res-story ol li + li{margin-top:.4rem}
.res-story ol li::marker{font-family:var(--serif);color:var(--or-texte)}
.res-story__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.res-story__actions [hidden]{display:none}
.res-story .res-partage__statut{position:static;margin-top:.9rem}
@media(min-width:700px){
  .res-story__in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2.5rem}
}

/* sur une grande page : le rappel de fin, centré sur la colonne du site */
.res-partage-page{padding-block:clamp(2rem,4vw,3rem) clamp(3rem,6vw,4.5rem)}
.res-partage-page .res-partage--fin{max-width:46rem;margin:0}
/* dans l'en-tête d'une grande page, la colonne de texte est étroite */
.res-hero .res-partage__liste{column-gap:1.15rem}
/* sur téléphone, la fenêtre tient sur un écran : petit aperçu à gauche du
   titre, actions visibles sans défiler */
@media(max-width:699px){
  .res-story__in{grid-template-columns:min(7.5rem,30vw) minmax(0,1fr);gap:1rem 1.1rem;align-items:start;padding:1.25rem}
  .res-story__apercu{width:100%;justify-self:start;margin-top:.25rem}
  .res-story__texte{display:contents}
  .res-story__texte .eyebrow{grid-column:2;grid-row:1;align-self:start;margin:.6rem 2.6rem 0 0}
  .res-story h2{grid-column:2;grid-row:1;align-self:end;margin:0 2.2rem 0 0;font-size:1.6rem}
  .res-story ol,.res-story__actions,.res-story .res-partage__statut{grid-column:1 / -1}
  .res-story ol{margin-top:.25rem;font-size:.95rem}
  .res-story__actions{margin-top:.25rem;flex-direction:column;align-items:stretch}
  .res-story__actions .btn{justify-content:center}
}