/* NOSK8 — Appréciation d'article (cœur + étoiles). Palette : navy #1a2744 / blanc / noir.
   Pas de cercle autour des icônes, pas d'emoji, mobile-first. */
.n8-appr{margin:34px 0 8px;padding:22px 20px;border:1px solid #e3e6ec;border-radius:14px;background:#fff;font-family:Inter,-apple-system,sans-serif;color:#0a0f1a}
.n8-appr .n8-appr__head{margin:0 0 12px}
.n8-appr .n8-appr__title{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:26px;line-height:1;letter-spacing:.02em;color:#0a0f1a}
.n8-appr .n8-appr__hint{margin:4px 0 0;font-size:13px;color:#7a869c}
.n8-appr .n8-appr__stars{display:flex;gap:2px;margin:0 -6px}
.n8-appr .n8-appr__star{appearance:none;background:none;border:0;padding:8px 6px;margin:0;cursor:pointer;color:#c5cbd6;line-height:0;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,color .12s ease}
.n8-appr .n8-appr__star svg{width:30px;height:30px}
.n8-appr .n8-appr__star.is-on,.n8-appr__star.is-hover{color:#1a2744}
.n8-appr .n8-appr__star.is-on svg,.n8-appr__star.is-hover svg{fill:#1a2744}
.n8-appr .n8-appr__star:active{transform:scale(.9)}
.n8-appr .n8-appr__star:focus-visible{outline:2px solid #1a2744;outline-offset:2px;border-radius:6px}
.n8-appr .n8-appr__chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.n8-appr .n8-appr__chip{appearance:none;background:#f7f8fa;border:1px solid #e3e6ec;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;color:#1a2744;cursor:pointer;-webkit-tap-highlight-color:transparent}
.n8-appr .n8-appr__chip:hover{background:#eef0f4}
.n8-appr .n8-appr__chip.is-on{background:#1a2744;border-color:#1a2744;color:#fff}
.n8-appr .n8-appr__row{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.n8-appr .n8-appr__like{appearance:none;display:inline-flex;align-items:center;gap:8px;background:#1a2744;color:#fff;border:0;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .12s ease}
.n8-appr .n8-appr__like:hover{background:#2a3a5c}
.n8-appr .n8-appr__like:active{transform:scale(.96)}
.n8-appr .n8-appr__like.is-on svg{fill:#fff}
.n8-appr .n8-appr__like.is-pop svg{animation:n8-appr-pop .35s ease}
.n8-appr .n8-appr__score{margin:0;font-family:"Space Mono",ui-monospace,monospace;font-size:13px;color:#4a5970;min-height:1em}
.n8-appr .n8-appr__score:empty{display:none}
.n8-appr .n8-appr__thanks{margin:10px 0 0;font-size:14px;font-weight:600;color:#1a2744}
@keyframes n8-appr-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* Sidebar (desktop) : plus compact */
.n8-appr--sidebar{margin:0;padding:18px 18px 16px}
.n8-appr--sidebar .n8-appr__title{font-size:22px}
.n8-appr--sidebar .n8-appr__star svg{width:26px;height:26px}

/* Pastille flottante — mobile seulement, jamais sur le texte : coin bas droit, au-dessus du pouce */
.n8-appr-float{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:9000;display:flex;align-items:center;height:44px;padding:0 6px 0 4px;background:#1a2744;color:#fff;border-radius:999px;box-shadow:0 6px 20px rgba(10,15,26,.28);font-family:Inter,-apple-system,sans-serif;transition:transform .2s ease,opacity .2s ease}
.n8-appr-float[hidden]{display:none}
.n8-appr-float.is-away{opacity:0;transform:translateY(12px);pointer-events:none}
.n8-appr-float__like,.n8-appr-float__rate{appearance:none;background:none;border:0;color:#fff;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent}
.n8-appr-float__like.is-on svg{fill:#fff}
.n8-appr-float__like.is-pop svg{animation:n8-appr-pop .35s ease}
.n8-appr-float__sep{width:1px;height:22px;background:rgba(255,255,255,.28)}
@media(min-width:881px){.n8-appr-float{display:none !important}}

/* Feuille du bas (mobile) / modale centrée (desktop, au cas où) */
.n8-appr-sheet{position:fixed;inset:0;z-index:9500}
.n8-appr-sheet[hidden]{display:none}
.n8-appr-sheet__veil{position:absolute;inset:0;background:rgba(10,15,26,.45)}
.n8-appr-sheet__panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(10,15,26,.2);animation:n8-appr-up .22s ease}
.n8-appr-sheet__panel .n8-appr{margin:0;padding:6px 0 0;border:0}
.n8-appr-sheet__close{position:absolute;top:10px;right:10px;appearance:none;background:none;border:0;color:#d33;padding:8px;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}
@keyframes n8-appr-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:881px){.n8-appr-sheet__panel{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);border-radius:18px;padding:18px 22px 22px}}
@media(prefers-reduced-motion:reduce){.n8-appr *,.n8-appr-float,.n8-appr-sheet__panel{animation:none !important;transition:none !important}}

html.n8-appr-lock{overflow:hidden}
/* Le corps d'article force la police de lecture en !important sur p/span (article.css §forçage
   Elementor legacy) : même exception que le bloc newsletter mi-article, portée au bloc seul. */
.nosk8-article__content .n8-appr p.n8-appr__title{font-family:"Bebas Neue","Barlow Condensed",Impact,sans-serif !important;color:#0a0f1a !important}
.nosk8-article__content .n8-appr p.n8-appr__hint{font-family:Inter,-apple-system,"Segoe UI",sans-serif !important;color:#7a869c !important}
.nosk8-article__content .n8-appr p.n8-appr__score{font-family:"Space Mono",ui-monospace,monospace !important;color:#4a5970 !important}
.nosk8-article__content .n8-appr p.n8-appr__thanks{font-family:Inter,-apple-system,"Segoe UI",sans-serif !important;color:#1a2744 !important}
.nosk8-article__content .n8-appr span,.nosk8-article__content .n8-appr button{font-family:Inter,-apple-system,"Segoe UI",sans-serif !important;color:inherit !important}
.nosk8-article__content .n8-appr button.n8-appr__star{color:#c5cbd6 !important}
.nosk8-article__content .n8-appr button.n8-appr__star.is-on,.nosk8-article__content .n8-appr button.n8-appr__star.is-hover{color:#1a2744 !important}
.nosk8-article__content .n8-appr button.n8-appr__like{color:#fff !important}
.nosk8-article__content .n8-appr button.n8-appr__chip{color:#1a2744 !important}
.nosk8-article__content .n8-appr button.n8-appr__chip.is-on{color:#fff !important}