/* NOVA country pages — served file, enqueued only on /best-iptv-* pages */
.nv-w{max-width:1000px;margin:0 auto;padding:0 16px 56px;font-family:Montserrat,Arial,Helvetica,sans-serif;color:#17171f;line-height:1.66;font-size:1.02rem}
.nv-w *{box-sizing:border-box}

.nv-hero{position:relative;background:#12121a;color:#fff;border-radius:18px;padding:38px 34px 34px;margin:0 0 26px;overflow:hidden}
.nv-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:26px solid rgba(255,212,71,.14);border-radius:50%}
.nv-hero h1{color:#fff;font-size:2.25rem;line-height:1.15;letter-spacing:-.02em;margin:.35em 0 .5em;max-width:19ch;position:relative;z-index:1}
.nv-hero p{color:#c9ccd6;margin:0 0 .8em;max-width:62ch;position:relative;z-index:1}
.nv-hero p:last-child{margin-bottom:0}
.nv-badge{display:inline-block;background:#ffd447;color:#12121a;font-weight:800;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:5px 13px}

.nv-w h2{font-size:1.3rem;letter-spacing:-.01em;margin:0 0 .55em;color:#12121a}
.nv-w h3{font-size:1.02rem;margin:1.3em 0 .35em;color:#12121a}
.nv-c{background:#fff;border:1px solid #e6e6ee;border-radius:14px;padding:24px 26px;margin:0 0 16px}
.nv-c p{margin:0 0 .8em}
.nv-c p:last-child{margin-bottom:0}

.nv-t{width:100%;border-collapse:collapse;font-size:.97rem;margin:.4em 0 1em}
.nv-t th{background:#12121a;color:#ffd447;text-align:left;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:11px 12px}
.nv-t td{padding:11px 12px;border-bottom:1px solid #ececf3}
.nv-t td:nth-child(2),.nv-t td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}
.nv-t tr:nth-child(even) td{background:#fafafd}
.nv-t tr:last-child td{border-bottom:none;font-weight:700}

.nv-faq h3{margin-top:1.15em}
.nv-faq p{color:#3a3a46}

.nv-cta{display:block;text-align:center;background:#ffd447;color:#12121a;font-weight:800;font-size:1.05rem;text-decoration:none;border-radius:12px;padding:17px 20px;margin:26px 0 0;transition:background .15s}
.nv-cta:hover{background:#f7c300;color:#12121a}

@media(max-width:760px){
  .nv-hero{padding:26px 20px;border-radius:14px}
  .nv-hero h1{font-size:1.62rem;max-width:none}
  .nv-c{padding:18px 16px}
  .nv-t{font-size:.9rem}
  .nv-t td:nth-child(2),.nv-t td:nth-child(3){white-space:normal}
}

/* --- cascade guard ---
   The whole article sits on the dark card (#12121a), but the theme's own h1..h4 rule paints
   headings near-black and the template's inline styles are lighter than the theme, so nothing
   was readable. Everything below wins with !important; colours follow the original design
   (white headings, yellow accents, grey body). */
.nv-w h2,[class$="-card"] h2,.nv-w h1{color:#fff!important}
.nv-w h3,[class$="-card"] h3{color:#ffd447!important}
.nv-w h4,[class$="-card"] h4{color:#fff!important}
.nv-w p,.nv-w li,.nv-w dd,.nv-w figcaption,.nv-w blockquote,
[class$="-card"] p,[class$="-card"] li{color:#c9ccd6!important}
.nv-w strong,.nv-w b,[class$="-card"] strong{color:#fff!important}
.nv-w a,[class$="-card"] a{color:#ffd447!important}
.nv-t th{color:#ffd447!important;border-color:rgba(255,215,71,.2)!important}
.nv-t td{color:#e6e6ee!important;border-color:rgba(255,255,255,.12)!important}
.nv-cta,.nv-cta:hover{color:#12121a!important}
.nv-w .nv-lead{color:#e8e8ee!important}
/* hero keeps its own colours and must stay last */
.nv-hero h1{color:#fff!important}
.nv-hero p,.nv-hero .nv-lead{color:#e8e8ee!important}
.nv-hero .nv-badge{background:rgba(255,215,71,.14)!important;color:#ffd447!important}
.nv-w .nv-lead{font-size:1.08em;line-height:1.65;opacity:.94;margin:4px 0 18px}

/* the hero sits outside .nv-w on the country templates, inside an Elementor widget whose
   inline <style> (".<country>-card h1{color:#ffd447}") loads after this file and loses to the
   theme's own h1 rule -- so the guard has to be wrapper-agnostic and !important */
.nv-hero h1, .nv-hero .nv-badge{color:#fff!important}
.nv-hero p, .nv-hero .nv-lead{color:#e8e8ee!important}
.nv-hero .nv-badge{background:rgba(255,215,71,.14)!important;color:#ffd447!important}
.nv-w .nv-hero h1{color:#fff!important}
.nv-w .nv-hero p,.nv-w .nv-hero .nv-lead{color:#e8e8ee!important}