/* page-lettre.css · pages de l'infolettre (merci, au revoir) · conception Dar Alkhalidey · 14 oct. 2026
   Même lumière que le site et les infolettres : une lueur de braise en haut, un titre en italique, une seule braise. */
body.page-lettre { background: radial-gradient(70% 55% at 50% 0%, rgba(239, 111, 34, .2), rgba(23, 10, 14, 0) 70%), var(--site-background, #170A0E); background-repeat: no-repeat; min-height: 100vh; }
.page-lettre main { min-height: 62vh; display: flex; align-items: center; }
.page-lettre .page-simple-bloc { max-width: 36rem; margin: 2rem auto 3rem; }
.pl-kicker { margin: 0 0 1rem; font-size: .74rem; letter-spacing: .3em; text-transform: uppercase; color: #FEB489; }
.page-lettre .page-simple-titre { font-size: clamp(3rem, 10vw, 5.2rem); letter-spacing: -2.5px; color: #FCB78F; margin-bottom: 1rem; }
.pl-braise { display: block; width: 7px; height: 7px; margin: 0 auto 2rem; border-radius: 50%; background: #fff3da;
    box-shadow: 0 0 6px 2px rgba(255, 138, 58, .95), 0 0 16px 5px rgba(255, 90, 20, .5), 0 0 34px 10px rgba(255, 90, 20, .2); animation: pl-respire 3.2s ease-in-out infinite; }
@keyframes pl-respire { 0%, 100% { opacity: .75; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.15); } }
.page-lettre .page-simple-chapeau { font-style: italic; font-size: 1.45rem; line-height: 1.3; color: #FFE3CC; }
.pl-texte { font-size: 1.12rem; line-height: 1.55; color: rgba(243, 227, 211, .88); margin: 0 auto 2.2rem; max-width: 30rem; }
.pl-portes { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-bottom: 2.2rem; }
.pl-sociaux { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem 1.2rem; margin: 0; padding: 0; list-style: none; font-style: italic; font-size: 1.02rem; }
.pl-sociaux a { color: #FEB489; text-decoration: none; border-bottom: 1px solid rgba(254, 180, 137, .3); transition: color .3s ease, border-color .3s ease; }
.pl-sociaux a:hover { color: #fff3da; border-color: #fff3da; }
@media (prefers-reduced-motion: reduce) { .pl-braise { animation: none; } }
