/* carte-actions r2 (24/09/2026) · les deux gestes de la carte postale du pied, en FIN DE TEXTE.
   Stéphane, 24/09 : « mets ces deux boutons 30 % plus petits à côté de la fin du texte après les » », puis
   « ou à droite et un peu en dessous du nom de l'auteur quand il y en a un ».
   · .ca-place : repère VIDE tenu par le script en fin de texte (dans le <small> de l'auteur, sinon après le »).
     Il réserve dans la ligne la largeur exacte des deux ronds : aucun mot n'est jamais couvert.
   · .ca-actions : DANS le papier (.pr10-card), posé sur le repère par le script (left/top en px) ; il suit la
     forme, la rotation et l'animation de la carte. 31 px au lieu de 44 (30 % de moins), icônes 14 px au lieu de 20.
   · Pointeur fin : n'apparaissent qu'au survol de la carte, au focus clavier, ou panneau ouvert (comme la r1).
     Sans survol (tactile) : toujours visibles. Doigt : cible de 44 px gardée par une zone invisible autour du
     rond (carrée, 44 x 44 : l'inset part de l'intérieur de la bordure d'1 px, d'où le « - 1px » ; sans lui la
     cible faisait 42 px, vu au banc), écart porté à 13 px pour que les deux cibles ne se chevauchent pas.
   · .ca-pop / .ca-toast : dans le cadre (hors du papier : droits, jamais rognés), placés par le script, centrés
     sur le bouton Partager et bornés à l'écran.
   · [data-repli] : les ronds se retirent si le repère ne peut pas être posé (aucun coin n'est sûr depuis que les
     tirets sont dans la bordure basse) ; le script le compte et le nomme (window.TerondoCarteActions).
   Jetons du site (--ink --muted --surface --line --soft --accent) : le sombre et le clair suivent d'eux-mêmes. */
footer.pr10{--ca-b:31px;--ca-g:6px}
@media (pointer:coarse){footer.pr10{--ca-g:13px}}
footer.pr10 .pr10-cardw{position:relative}
footer.pr10 .ca-place{display:inline-block;inline-size:calc(var(--ca-b)*2 + var(--ca-g));block-size:1em;margin-inline-start:.45em;vertical-align:text-top;pointer-events:none}
footer.pr10 [data-pr10-quote]>.ca-place{margin-inline-start:.3em}
footer.pr10 .ca-actions{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:var(--ca-g);margin:0;padding:0;opacity:0;transition:opacity .18s ease}
footer.pr10 .pr10-cardw:hover .ca-actions,footer.pr10 .pr10-cardw:focus-within .ca-actions,footer.pr10 .ca-actions[data-ouvert]{opacity:1}
footer.pr10 .ca-actions>.ca-voir,footer.pr10 .ca-actions>.ca-partager{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--ca-b);height:var(--ca-b);min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 84%,transparent);color:var(--ink);box-shadow:0 2px 6px -2px #14183340;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:inherit;line-height:1;text-decoration:none;cursor:pointer}
@media (pointer:coarse){footer.pr10 .ca-actions>.ca-voir::after,footer.pr10 .ca-actions>.ca-partager::after{content:"";position:absolute;inset:calc((var(--ca-b) - 44px)/2 - 1px)}}
footer.pr10 .ca-actions>.ca-voir:hover,footer.pr10 .ca-actions>.ca-partager:hover,footer.pr10 .ca-actions>.ca-partager[aria-expanded=true]{background:var(--soft);color:var(--accent);text-decoration:none}
footer.pr10 .ca-actions>.ca-voir:focus-visible,footer.pr10 .ca-actions>.ca-partager:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
footer.pr10 .ca-actions svg{display:block;width:14px;height:14px}
footer.pr10 .ca-actions[data-repli]{display:none}
/* le panneau : dans le cadre, placé par le script ; deux colonnes pour rester bas */
footer.pr10 .ca-pop{position:absolute;left:0;top:0;z-index:5;box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);margin:0;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 14px 34px -10px #14183366;text-align:start}
footer.pr10 .ca-pop[hidden]{display:none!important}
footer.pr10 .ca-titre{margin:4px 8px 8px;font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
footer.pr10 .ca-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px}
footer.pr10 .ca-grille button{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:40px;margin:0;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:500 14px/1.2 system-ui,sans-serif;text-align:start;cursor:pointer}
footer.pr10 .ca-grille button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
footer.pr10 .ca-grille button[data-cible=copie],footer.pr10 .ca-grille button[data-cible=natif]{grid-column:1/-1}
footer.pr10 .ca-grille button:hover{background:var(--soft)}
footer.pr10 .ca-grille button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
footer.pr10 .ca-pastille{flex:0 0 auto;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #14183326}
/* le mot d'état (« Citation copiée ») : même placement que le panneau, deux secondes */
footer.pr10 .ca-toast{position:absolute;left:0;top:0;z-index:5;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:9px 14px;border-radius:999px;background:var(--ink);color:var(--surface);font:500 13px/1.3 system-ui,sans-serif;white-space:nowrap;box-shadow:0 8px 24px -8px #0008;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;pointer-events:none}
footer.pr10 .ca-toast[data-vu]{opacity:1;transform:none}
/* tactile : pas de survol possible, donc toujours visibles, fond plein (jamais de texte lu à travers) */
@media (hover:none){
footer.pr10 .ca-actions{opacity:1}
footer.pr10 .ca-actions>.ca-voir,footer.pr10 .ca-actions>.ca-partager{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}
}
@media (prefers-reduced-motion:reduce){footer.pr10 .ca-actions,footer.pr10 .ca-toast{transition:none}}
@media (forced-colors:active){footer.pr10 .ca-actions>.ca-voir,footer.pr10 .ca-actions>.ca-partager,footer.pr10 .ca-pop{border-color:CanvasText}footer.pr10 .ca-pastille{box-shadow:0 0 0 1px CanvasText}}
