/* =====================================================================
   PAEDZ v2 0.8 — verdict colours, featured-news carousel, smart links,
   header/logo and navigation. Loaded after read.css.
   ===================================================================== */

/* ---------- 1. Verdict colours (from the score tier; ≥4.5:1 on their backgrounds) ---------- */
:root {
  --vd-excellent: #4fd67a; --vd-great: #9ad94f; --vd-vgood: #d4d046; --vd-good: #f2b640; --vd-ok: #ff9a4d; --vd-weak: #ff7a6b;   /* on dark */
  --vl-excellent: #16703a; --vl-great: #3d6b0f; --vl-vgood: #5f5a00; --vl-good: #7d5200; --vl-ok: #9a4300; --vl-weak: #b0280f;   /* on light */
}
.tier-excellent { --vd: var(--vd-excellent); --vl: var(--vl-excellent); }
.tier-great     { --vd: var(--vd-great);     --vl: var(--vl-great); }
.tier-vgood     { --vd: var(--vd-vgood);     --vl: var(--vl-vgood); }
.tier-good      { --vd: var(--vd-good);      --vl: var(--vl-good); }
.tier-ok        { --vd: var(--vd-ok);        --vl: var(--vl-ok); }
.tier-weak      { --vd: var(--vd-weak);      --vl: var(--vl-weak); }
/* dark surfaces: score badge word, header score panel, featured-review score, verdict pill */
.sbadge[class*="tier-"] .w, .rvf-score[class*="tier-"] .w, .rv-score[class*="tier-"] .score-word, .verdict[class*="tier-"] .verdict-word { color: var(--vd); }
/* light surfaces: badge on the paper section */
.paper .sbadge[class*="tier-"] .w { color: var(--vl); }
/* legacy PAE verdict line inside the verdict box (was neon #e8ff00 on the pale box) */
.verdict .pae-verdict-bar { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; padding: 8px 14px; border: 0; border-inline-start: 3px solid var(--vl, var(--p-head)); border-radius: 0 8px 8px 0; background: rgba(16,18,18,.06) !important; box-shadow: none !important; }
.verdict .pae-verdict-bar .pae-verdict-text { font-style: normal !important; color: var(--vl, var(--p-head)) !important; font-family: var(--f-head); font-weight: 900; font-size: 1rem !important; text-shadow: none !important; -webkit-text-fill-color: currentColor; }
.verdict .pae-verdict-bar .pae-verdict-icon { font-size: 1rem; line-height: 1; }
.verdict .pae-verdict-bar .pae-verdict-icon img { width: 18px; height: 18px; }

/* ---------- 2. Featured-news carousel ---------- */
.lz-slide[hidden] { display: none; }
.lz-slide.is-in { animation: lzIn .45s ease both; }
@keyframes lzIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.lz-bg { transition: background-image .4s ease; }
.lz-ctrl { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; }
.lz-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(13,15,16,.8); color: var(--d-text); cursor: pointer; transition: border-color .15s, color .15s; }
.lz-btn:hover { color: #fff; border-color: var(--d-control); }
.lz-btn .icon { width: 17px; height: 17px; }
.lz-btn[data-car-prev] .icon { transform: scaleX(-1); }   /* RTL: «السابق» on the right points right, «التالي» on the left points left */
.lz-dots { display: flex; align-items: center; gap: 2px; }
.lz-dot { display: inline-grid; place-items: center; width: 28px; height: 36px; padding: 0; border: 0; background: none; cursor: pointer; }
.lz-dot span { display: block; width: 8px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.3); transition: width .2s, background-color .2s; }
.lz-dot.is-on span { width: 22px; background: var(--d-head); }
.lz-dot:hover span { background: rgba(255,255,255,.6); }
.lz-pause { margin-inline-start: 6px; }
.lz-ico-pause, .lz-ico-play { display: block; }
.lz-ico-pause { width: 10px; height: 12px; border-inline: 3px solid currentColor; }
.lz-ico-play { display: none; width: 0; height: 0; border-block: 6px solid transparent; border-inline-end: 10px solid currentColor; }  /* RTL: points left = forward */
.is-paused .lz-ico-pause { display: none; }
.is-paused .lz-ico-play { display: block; }
@media (prefers-reduced-motion: reduce) { .lz-slide.is-in { animation: none; } .lz-bg, .lz-dot span, .lz-btn { transition: none; } }
@media (max-width: 640px) { .lz-ctrl { margin-top: 12px; } }

/* ---------- 3. Smart links (game / company / series names in the text) ---------- */
.prose a.paedz-elink { color: inherit; text-decoration: underline; text-decoration-style: dotted; text-decoration-color: rgba(255,255,255,.45); text-decoration-thickness: 1px; text-underline-offset: .3em; }
.prose a.paedz-elink:hover { color: #fff; text-decoration-style: solid; text-decoration-color: currentColor; }
.facts-line a.paedz-elink { color: inherit; text-decoration: underline dotted rgba(255,255,255,.45); text-underline-offset: .28em; }

/* ---------- 4. Header: smaller official logo, aligned navigation ---------- */
.mast .logo, .mast .logo.logo-frame { width: 84px; }
.mast-in { gap: 18px; }
@media (max-width: 640px) { .mast .logo, .mast .logo.logo-frame { width: 76px; } }
.nav a { padding-inline: 11px; }
/* drawer: secondary links (other sections, game discovery) */
.drawer-sec { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 0 6px; margin-top: 8px; border-top: 1px solid var(--c-border); }
.drawer-sec a { display: inline-flex; align-items: center; min-height: 36px; padding-inline: 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; font-size: .875rem; font-weight: 700; color: var(--d-text); }
.drawer-sec a:hover { color: #fff; border-color: var(--d-control); }
.drawer nav.drawer-sec { display: flex; flex-wrap: wrap; gap: 8px; }
.drawer nav.drawer-sec a { display: inline-flex; width: auto; min-height: 36px; padding: 0 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; font-size: .875rem; font-weight: 700; color: var(--d-text); }