/* Inline IPTV – mode sombre (html[data-theme="dark"]) + bouton */
.theme-toggle{position:relative;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(8,22,28,.12);background:#fff;color:#07171d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .25s,background .25s,color .25s,border-color .25s;overflow:hidden}
.theme-toggle:hover{transform:rotate(-12deg) scale(1.05)}
.theme-toggle:focus-visible{outline:3px solid rgba(105,39,218,.45);outline-offset:2px}
.theme-toggle svg{position:absolute;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),opacity .3s}
.theme-toggle .tt-sun{transform:translateY(130%) rotate(-90deg);opacity:0}
.theme-toggle .tt-moon{transform:none;opacity:1}
html[data-theme="dark"] .theme-toggle .tt-sun{transform:none;opacity:1}
html[data-theme="dark"] .theme-toggle .tt-moon{transform:translateY(-130%) rotate(90deg);opacity:0}
.theme-toggle.tt-mob{display:none;margin-left:auto;margin-right:8px}
@media (max-width:920px){.theme-toggle.tt-mob{display:inline-flex}}
.co-top .theme-toggle{margin-left:auto;margin-right:10px}
.site-header .theme-toggle{width:38px;height:38px}
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}
/* ---------- palette sombre ---------- */
html[data-theme="dark"]{color-scheme:dark;background:#0a0a0f}
html[data-theme="dark"] body{
--color-base--white:#0a0a0f;--color-base--black:#f2f2f5;--accent:#ffffff;
--color-neutral--shade-50:#121219;--color-neutral--shade-100:#15151d;--color-neutral--shade-200:#1b1b24;
--color-neutral--shade-300:rgba(255,255,255,.1);--color-neutral--shade-400:rgba(255,255,255,.14);--color-neutral--shade-500:rgba(255,255,255,.18);
--color-neutral--shade-600:rgba(255,255,255,.24);--color-neutral--shade-700:rgba(255,255,255,.32);--color-neutral--shade-800:rgba(255,255,255,.45);--color-neutral--shade-900:#a1a1aa;
background-color:#0a0a0f;color:#e8e8ee}
/* ---------- éléments fixes (restent sombres / textes clairs) ---------- */
html[data-theme="dark"] .text-color-alternate,
html[data-theme="dark"] .home1_banner_wrapper,
html[data-theme="dark"] .plan_plan-box.is-dark,
html[data-theme="dark"] .contact3_hero_banner-box,
html[data-theme="dark"] .home1_blog_qoute{color:#fff}
html[data-theme="dark"] .footer_buy,
html[data-theme="dark"] .home1_blog_qoute,
html[data-theme="dark"] .contact3_hero_banner-box{background-color:#121219;border:1px solid rgba(255,255,255,.1)}
html[data-theme="dark"] .footer_buy .button.is-secondary{background:#fff;color:#000;border-color:#fff}
html[data-theme="dark"] .plan_plan-box.is-dark{background-color:#000}
/* boutons : principal blanc, secondaire sombre */
html[data-theme="dark"] .button{background-color:#fff;color:#0a0a0f}
html[data-theme="dark"] .button.is-secondary{background-color:#16161e;color:#f2f2f5;border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .button.is-secondary:hover{background-color:#1f1f29}
html[data-theme="dark"] .button img.icon-height-small{filter:invert(1)}
html[data-theme="dark"] .button.is-text{background:transparent;color:#f2f2f5}
/* icônes SVG sombres -> claires */
html[data-theme="dark"] .icon-height-small:not(.button img),
html[data-theme="dark"] .icon-height-medium,
html[data-theme="dark"] .home1_hero_reviews-stars,
html[data-theme="dark"] .faq_icon img,
html[data-theme="dark"] .tabs-link img{filter:invert(1) brightness(1.1)}
html[data-theme="dark"] .integrations-card .icon-height-medium{filter:invert(1)}
html[data-theme="dark"] .review-rating{color:#22c55e}
html[data-theme="dark"] .review-rating span{color:#a1a1aa}
html[data-theme="dark"] .faq_icon:hover{background-color:#1b1b24}
html[data-theme="dark"] .offline-brand-wordmark{color:#f2f2f5}
/* badges, onglets, scrims */
html[data-theme="dark"] .text-style-badge{background-color:#16161e;border-color:rgba(255,255,255,.12);color:#c9c9d3}
html[data-theme="dark"] .tabs-link{color:#a1a1aa}
html[data-theme="dark"] .tabs-link.w--current{color:#f2f2f5;border-bottom-color:#f2f2f5}
html[data-theme="dark"] .logos_marquee-scrim{background-image:linear-gradient(80deg,#0a0a0f,#0a0a0f80 4%,#0a0a0f0d 96%,#0a0a0f)}
html[data-theme="dark"] .reviews_marquee-scrim{background-image:linear-gradient(80deg,#121219,#12121900 17% 79%,#121219)}
html[data-theme="dark"] .home1_benefits_scrim{background-image:linear-gradient(#0a0a0f00,#0a0a0f)}
html[data-theme="dark"] .background-color-secondary{background-color:#121219}
html[data-theme="dark"] .highlight_marquee{background-color:#121219}
html[data-theme="dark"] .divider{background-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .form_input::placeholder{color:#fff9}
html[data-theme="dark"] .nav-menu{background-color:#0a0a0f}
/* navigation flottante */
html[data-theme="dark"] .best-nav-pill,
html[data-theme="dark"] .best-nav-mobile-panel{background:rgba(18,18,25,.86);border-color:rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}
html[data-theme="dark"] .best-nav-brand,
html[data-theme="dark"] .best-nav-mobile-link{color:#f2f2f5}
html[data-theme="dark"] .best-nav-link{color:#b9b9c4}
html[data-theme="dark"] .best-nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
html[data-theme="dark"] .best-nav-menu-button{background:#1b1b24;color:#f2f2f5}
html[data-theme="dark"] .best-nav-menu-lines,html[data-theme="dark"] .best-nav-menu-lines::before,html[data-theme="dark"] .best-nav-menu-lines::after{background-color:#f2f2f5}
html[data-theme="dark"] .best-nav-dropdown-content{background-color:#16161e;box-shadow:0 12px 30px rgba(0,0,0,.5)}
html[data-theme="dark"] .best-nav-dropdown-content a{color:#e8e8ee}
html[data-theme="dark"] .best-nav-dropdown-content a:hover{background-color:#1f1f29;color:#fff}
html[data-theme="dark"] .theme-toggle{background:#1b1b24;color:#ffd166;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .mobile-trial-bar__surface{background:rgba(18,18,25,.9)!important;color:#f2f2f5}
html[data-theme="dark"] .mobile-trial-bar__copy{color:#f2f2f5!important}
/* textes en couleur fixe dans les articles (styles inline) */
html[data-theme="dark"] [style*="color: #111"],html[data-theme="dark"] [style*="color:#111"],
html[data-theme="dark"] [style*="color: #000"],html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #222"],html[data-theme="dark"] [style*="color: #1a1a1a"],
html[data-theme="dark"] [style*="color: #333"],html[data-theme="dark"] [style*="color:#333"]{color:#f2f2f5!important}
html[data-theme="dark"] [style*="color: #555"],html[data-theme="dark"] [style*="color:#555"],
html[data-theme="dark"] [style*="color: #444"],html[data-theme="dark"] [style*="color: #666"],
html[data-theme="dark"] [style*="color:#666"],html[data-theme="dark"] [style*="color: #777"]{color:#b4b4bf!important}
html[data-theme="dark"] [style*="background: #fff"],html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background: #f9f9f9"],html[data-theme="dark"] [style*="background: #fafafa"],
html[data-theme="dark"] [style*="background-color: #f9f9f9"],html[data-theme="dark"] [style*="background-color: #f5f5f5"],
html[data-theme="dark"] [style*="background: #f5f5f5"],html[data-theme="dark"] [style*="background:#f5f5f5"]{background:#121219!important}
html[data-theme="dark"] [style*="border: 1px solid #ededed"],html[data-theme="dark"] [style*="border-bottom:1px solid #ededed"],html[data-theme="dark"] [style*="border: 1px solid #eee"]{border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] .w-richtext a,html[data-theme="dark"] .text-rich-text a{color:#c4b5fd}
/* ---------- sections ajoutées (accueil) ---------- */
html[data-theme="dark"] .cs{background:#0e0e14;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .cs-arrow,html[data-theme="dark"] .mv-nav{background:#1b1b24;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .cs-arrow svg path,html[data-theme="dark"] .mv-nav svg path{stroke:#f2f2f5}
html[data-theme="dark"] .cs-f{color:#a1a1aa}
html[data-theme="dark"] .cs-f img{box-shadow:0 0 0 1px rgba(255,255,255,.15)}
html[data-theme="dark"] .cs-f.on img{box-shadow:0 0 0 3px #0e0e14,0 0 0 5px #fff}
html[data-theme="dark"] .cs-f.on b{color:#fff}
html[data-theme="dark"] .cs-f.on small{color:#c4b5fd}
html[data-theme="dark"] .cs-prog{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .cs-card{background:#121219;border-color:rgba(255,255,255,.1);box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}
html[data-theme="dark"] .cs-r{background:#0e0e14;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .cs-id img{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 8px 20px -8px rgba(0,0,0,.6)}
html[data-theme="dark"] .cs-chip{background:#1b1b24;color:#f2f2f5}
html[data-theme="dark"] .cs-chip.sp{background:transparent;border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .cs-t svg *,html[data-theme="dark"] .cs-more svg *,html[data-theme="dark"] .cs-feat svg *{stroke:#f2f2f5}
html[data-theme="dark"] .cs-more{color:#f2f2f5;border-color:rgba(255,255,255,.25)}
html[data-theme="dark"] .cs-feat{color:#d4d4dc}
html[data-theme="dark"] .cs-price,html[data-theme="dark"] .cs-big span{color:#a1a1aa}
html[data-theme="dark"] .pr-toggle{background:#16161e;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .pr-toggle button,html[data-theme="dark"] .pr-toggle span{color:#a1a1aa}
html[data-theme="dark"] .pr-toggle button.on,html[data-theme="dark"] .pr-toggle span.on{background:#fff;color:#000}
html[data-theme="dark"] .pr-card:not(.best){background:#121219;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .pr-card ul{color:#c9c9d3}
html[data-theme="dark"] .pr-line{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .pr-save{background:#1f1f29;color:#f2f2f5}
html[data-theme="dark"] .pr-card.best .pr-btn{background:#fff;color:#000}
html[data-theme="dark"] .mv-checks{color:#e8e8ee}
html[data-theme="dark"] .mv-stats{color:#a1a1aa}
/* ---------- page guide ---------- */
html[data-theme="dark"] .gd-hero::before{opacity:.8}
html[data-theme="dark"] .gd-lede,html[data-theme="dark"] .gd-intro,html[data-theme="dark"] .gd-steps p,html[data-theme="dark"] .gd-steps ul,html[data-theme="dark"] .gd-trouble p,html[data-theme="dark"] .gd-req p,html[data-theme="dark"] .gd-stats{color:#b4b4bf}
html[data-theme="dark"] .gd-stats b{color:#fff}
html[data-theme="dark"] .gd-search input{background:#121219;border-color:rgba(255,255,255,.12);color:#f2f2f5}
html[data-theme="dark"] .gd-chip{background:#121219;border-color:rgba(255,255,255,.12);color:#d4d4dc}
html[data-theme="dark"] .gd-chip.on{background:#fff;color:#000;border-color:#fff}
html[data-theme="dark"] .gd-req div,html[data-theme="dark"] .gd-app,html[data-theme="dark"] .gd-guide,html[data-theme="dark"] .gd-trouble{background:#121219;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .gd-req span,html[data-theme="dark"] .gd-steps li::before{background:#fff;color:#000}
html[data-theme="dark"] .gd-steps li::after{background:linear-gradient(rgba(255,255,255,.15),transparent)}
html[data-theme="dark"] .gd-pf span{background:#1b1b24;color:#c9c9d3}
html[data-theme="dark"] .gd-meta{color:#8b8b96}
html[data-theme="dark"] .gd-meta b{color:#f2f2f5}
html[data-theme="dark"] .gd-plus,html[data-theme="dark"] .gd-trouble summary i{border-color:rgba(255,255,255,.15)}
html[data-theme="dark"] .gd-guide[open] .gd-plus{background:#fff;color:#000;border-color:#fff}
html[data-theme="dark"] .gd-sum small{color:#8b8b96}
html[data-theme="dark"] .gd-tip{background:#0e0e14;border-color:rgba(255,255,255,.1);color:#c9c9d3}
html[data-theme="dark"] .gd-tip b{color:#fff}
html[data-theme="dark"] .gd-trouble details{border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .gd code{background:#1f1f29;color:#f2f2f5}
html[data-theme="dark"] .gd kbd{background:#1b1b24;border-color:rgba(255,255,255,.2);color:#f2f2f5}
html[data-theme="dark"] .gd-steps a,html[data-theme="dark"] .gd-trouble a{color:#c4b5fd}
html[data-theme="dark"] .gd-help,html[data-theme="dark"] .gd-cta{border:1px solid rgba(255,255,255,.08)}
/* ---------- pages simples (contact, conditions…) ---------- */
html[data-theme="dark"] body:has(.site-header){--ink:#f2f2f5;--muted:#a1a1aa;--line:rgba(255,255,255,.12);--surface:#0a0a0f;--soft:#121219}
html[data-theme="dark"] .header-links a{color:#c9c9d3}
html[data-theme="dark"] .card,html[data-theme="dark"] .notice{background:#121219;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] [style*="color: rgb(17, 17, 17)"],html[data-theme="dark"] [style*="color: rgb(0, 0, 0)"],
html[data-theme="dark"] [style*="color: rgb(51, 51, 51)"],html[data-theme="dark"] [style*="color: rgb(34, 34, 34)"],
html[data-theme="dark"] [style*="color: rgb(7, 23, 29)"]{color:#f2f2f5!important}
html[data-theme="dark"] [style*="color: rgb(85, 85, 85)"],html[data-theme="dark"] [style*="color: rgb(102, 102, 102)"],
html[data-theme="dark"] [style*="color: rgb(68, 68, 68)"],html[data-theme="dark"] [style*="color: rgb(119, 119, 119)"]{color:#b4b4bf!important}
html[data-theme="dark"] [style*="background-color: rgb(255, 255, 255)"],html[data-theme="dark"] [style*="background: rgb(255, 255, 255)"],
html[data-theme="dark"] [style*="background-color: rgb(249, 249, 249)"],html[data-theme="dark"] [style*="background-color: rgb(245, 245, 245)"],
html[data-theme="dark"] [style*="background: rgb(249, 249, 249)"],html[data-theme="dark"] [style*="background: rgb(250, 250, 250)"]{background:#121219!important}
/* ---------- page commande ---------- */
html[data-theme="dark"] body:has(.co-wrap){--ink:#f2f2f5;--muted:#a1a1aa;--line:rgba(255,255,255,.1);--soft:#0a0a0f;background:#0a0a0f;color:#f2f2f5}
html[data-theme="dark"] .co-top{background:rgba(10,10,15,.82);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .co-steps li{background:#121219;border-color:rgba(255,255,255,.1);color:#8b8b96}
html[data-theme="dark"] .co-steps li span{background:#1f1f29}
html[data-theme="dark"] .co-steps li.on{color:#f2f2f5}
html[data-theme="dark"] .co-steps li.on span,html[data-theme="dark"] .co-num{background:#fff;color:#000}
html[data-theme="dark"] .co-block,html[data-theme="dark"] .co-durations button,html[data-theme="dark"] .co-paym,html[data-theme="dark"] .co-trust li,html[data-theme="dark"] .co-done-card{background:#121219;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .co-durations button.on{background:linear-gradient(#121219,#121219) padding-box,linear-gradient(135deg,#21ccee,#1470ef,#6927da,#f23d94) border-box}
html[data-theme="dark"] .co-durations em,html[data-theme="dark"] .co-pico,html[data-theme="dark"] .co-seg{background:#1b1b24}
html[data-theme="dark"] .co-seg button.on,html[data-theme="dark"] .co-durations button.on em,html[data-theme="dark"] .co-paym.on .co-pico{background:#fff;color:#000}
html[data-theme="dark"] .co-seg button.on small{color:#555}
html[data-theme="dark"] .co-paym.on{border-color:#fff}
html[data-theme="dark"] .co-paym.on .co-radio{border-color:#fff}
html[data-theme="dark"] .co-paym em{background:#fff;color:#000}
html[data-theme="dark"] .co-field input,html[data-theme="dark"] .co-field select{background-color:#0a0a0f;border-color:rgba(255,255,255,.14);color:#f2f2f5}
html[data-theme="dark"] .co-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme="dark"] .co-field input:focus,html[data-theme="dark"] .co-field select:focus{background-color:#121219}
html[data-theme="dark"] .co-check{color:#c9c9d3}
html[data-theme="dark"] .co-pay:not(.co-wa){background:#fff;color:#000}
html[data-theme="dark"] .co-trust b,html[data-theme="dark"] .co-done-card h2{color:#f2f2f5}
html[data-theme="dark"] .co-done-card p{color:#a1a1aa}
html[data-theme="dark"] .co-ticket{box-shadow:0 30px 70px -30px rgba(105,39,218,.8)}
/* ---------- popup essai ---------- */
html[data-theme="dark"] .itp-card,html[data-theme="dark"] .itp-close{background:#121219;color:#f2f2f5}
html[data-theme="dark"] .itp-close{border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .itp-close svg path{stroke:#f2f2f5}
html[data-theme="dark"] .itp .itp-title{color:#f2f2f5}
html[data-theme="dark"] .itp .itp-sub,html[data-theme="dark"] .itp-note{color:#a1a1aa}
html[data-theme="dark"] .itp-badge{background:#1b1b24;border-color:rgba(255,255,255,.12);color:#c9c9d3}
html[data-theme="dark"] .itp-tile{color:#f2f2f5;background:linear-gradient(#121219,#121219) padding-box,linear-gradient(135deg,#21ccee,#1470ef,#6927da,#f23d94) border-box}
html[data-theme="dark"] .itp-cta{background:#fff;color:#000!important}
html[data-theme="dark"] .itp-alt a,html[data-theme="dark"] .itp-alt button{color:#c9c9d3}
/* place du bouton dans l'en-tête */
.best-nav-actions .theme-toggle{width:40px;height:40px}
.best-nav-actions .button,.best-nav-actions .button div{white-space:nowrap}
@media (min-width:921px){.best-nav-pill{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(16px,2.2vw,36px)}.best-nav-links{justify-content:center;gap:clamp(2px,.5vw,8px)}.best-nav-actions{gap:10px}.best-nav-actions .theme-toggle{margin-right:6px;position:relative}.best-nav-actions .theme-toggle::before{content:"";position:absolute;left:-17px;top:50%;width:1px;height:22px;transform:translateY(-50%);background:rgba(8,22,28,.12)}html[data-theme="dark"] .best-nav-actions .theme-toggle::before{background:rgba(255,255,255,.14)}}
@media (min-width:921px) and (max-width:1180px){.best-nav-link{padding-inline:8px}.best-nav-actions{gap:6px}.best-nav-actions .button{padding-inline:14px}}
/* ---------- menu déroulant « Abonnement » ---------- */
.best-nav-dropdown.nd .best-nav-dropdown-content{display:block!important;position:absolute;top:calc(100% + 14px);left:50%;min-width:0;width:340px;padding:10px;border-radius:20px;background:#fff;border:1px solid rgba(8,22,28,.08);box-shadow:0 30px 70px -20px rgba(9,36,47,.35),0 4px 14px rgba(9,36,47,.08);opacity:0;visibility:hidden;transform:translate(-50%,8px) scale(.98);transform-origin:top center;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.9,.25,1.15),visibility 0s .28s;z-index:1001}
.best-nav-dropdown.nd .best-nav-dropdown-content::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.best-nav-dropdown.nd .best-nav-dropdown-content::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:inherit;border-left:1px solid rgba(8,22,28,.08);border-top:1px solid rgba(8,22,28,.08);transform:translateX(-50%) rotate(45deg);border-top-left-radius:3px}
.best-nav-dropdown.nd.nd-open .best-nav-dropdown-content{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.9,.25,1.15),visibility 0s}
.best-nav-dropdown.nd .best-nav-link{gap:6px;cursor:pointer}
.nd-chev{transition:transform .25s ease;opacity:.7}
.best-nav-dropdown.nd-open .nd-chev{transform:rotate(180deg)}
.best-nav-dropdown.nd-open>.best-nav-link{color:#07171d;background:rgba(10,104,124,.07)}
.nd-head{padding:8px 12px 10px;font:500 11px "Roboto Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a949a}
.best-nav-dropdown-content a.nd-item{display:flex!important;align-items:center;gap:14px;padding:12px!important;border-radius:14px;color:#07171d!important;text-decoration:none;transition:background .2s,transform .2s}
.best-nav-dropdown-content a.nd-item:hover,.best-nav-dropdown-content a.nd-item:focus-visible{background:#f4f6f6!important;transform:translateX(2px);outline:none}
.nd-ico{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(105,39,218,.6);overflow:hidden}
.nd-ico img{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.nd-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nd-txt b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.2}
.nd-txt b em{font-style:normal;font:600 9.5px "Roboto Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:99px;color:#fff;background:linear-gradient(90deg,#1470ef,#6927da 60%,#f23d94)}
.nd-txt small{font-size:12.5px;color:#66757b;line-height:1.35;white-space:normal}
.nd-go{flex:none;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;color:#6927da}
a.nd-item:hover .nd-go,a.nd-all:hover .nd-go{opacity:1;transform:none}
.best-nav-dropdown-content a.nd-all{display:flex!important;align-items:center;gap:10px;margin-top:8px;padding:12px 14px!important;border-radius:14px;background:#07171d!important;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none;position:relative;overflow:hidden}
.best-nav-dropdown-content a.nd-all::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:250% 100%;animation:ndShine 3s ease-in-out infinite}
@keyframes ndShine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.nd-all .nd-price{margin-left:auto;font-weight:500;font-size:12px;color:rgba(255,255,255,.7)}
.nd-all .nd-go{color:#fff;opacity:.8;transform:none}
html[data-theme="dark"] .best-nav-dropdown.nd .best-nav-dropdown-content{background:#121219;border-color:rgba(255,255,255,.1);box-shadow:0 30px 70px -20px rgba(0,0,0,.8)}
html[data-theme="dark"] .best-nav-dropdown.nd .best-nav-dropdown-content::after{border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .best-nav-dropdown-content a.nd-item{color:#f2f2f5!important}
html[data-theme="dark"] .best-nav-dropdown-content a.nd-item:hover{background:#1b1b24!important}
html[data-theme="dark"] .nd-txt small,html[data-theme="dark"] .nd-head{color:#8b8b96}
html[data-theme="dark"] .nd-go{color:#c4b5fd}
html[data-theme="dark"] .best-nav-dropdown-content a.nd-all{background:#fff!important;color:#000!important}
html[data-theme="dark"] .nd-all .nd-price{color:#555}
html[data-theme="dark"] .nd-all .nd-go{color:#000}
html[data-theme="dark"] .best-nav-dropdown.nd-open>.best-nav-link{color:#fff;background:rgba(255,255,255,.07)}
@media (prefers-reduced-motion:reduce){.best-nav-dropdown-content a.nd-all::before{animation:none}}
/* ---------- corrections vérification ---------- */
/* lisibilité en mode clair */
.cs-hint{color:#767676}
.cs-k{color:#808080}
.footer .text-color-secondary{color:#767676}
/* blocs CTA des articles */
html[data-theme="dark"] [style*="background-color: #fafafa"],html[data-theme="dark"] [style*="background-color:#fafafa"]{background-color:#121219!important}
html[data-theme="dark"] [style*="border: 1px solid rgba(0,0,0,0.08)"],html[data-theme="dark"] [style*="border: 1px solid rgba(0, 0, 0, 0.08)"]{border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] .button[style*="background-color: #111"],html[data-theme="dark"] .button[style*="background-color:#111"]{background-color:#fff!important;color:#000!important}
html[data-theme="dark"] .divider[style*="background-color: #000"]{background-color:#fff!important}
/* tableau du guide anglais + encadrés */
html[data-theme="dark"] .checklist-wrap{background:#121219}
html[data-theme="dark"] .checklist td{color:#b4b4bf}
html[data-theme="dark"] .notice{color:#d4d4dc}
html[data-theme="dark"] .guide-cta{background:#121219}
/* lien « Testez d'abord » de la page commande */
html[data-theme="dark"] .co-trust a{color:#c4b5fd}
/* ---------- logo ClairPlay (dégradé, identique en clair et en sombre) ---------- */
.best-nav-brand-mark,.co-logo,.brand-mark{background:url(../logo/vraitv-logo.png) center/contain no-repeat!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
.best-nav-brand-mark{width:40px;height:40px}
.co-logo{width:34px;height:34px}
.best-nav-brand-mark::after,.brand-mark::after{display:none!important}
.co-logo svg{display:none}
/* ---------- bandeau des logos de chaînes : fond blanc en mode sombre ---------- */
html[data-theme="dark"] .logos_marquee{background:#fff!important;box-shadow:0 18px 50px -24px rgba(105,39,218,.55)}
/* logos blancs → foncés (inversion de la luminosité, les couleurs sont conservées) */
html[data-theme="dark"] .logos_marquee-image[src*="ch-r1-05"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r1-06"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r1-16"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r2-05"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r2-07"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r2-08"],
html[data-theme="dark"] .logos_marquee-image[src*="ch-r2-09"]{filter:invert(1) hue-rotate(180deg)}
/* ---------- espace uniforme entre l'en-tête et le premier bloc (toutes les pages) ---------- */
.pg-hero,.gd-hero{padding-top:80px!important}
.main-wrapper>.section_home1_hero[style*="padding-top: 8rem"]{padding-top:5rem!important}
.main-wrapper>.section_home1_hero[style*="padding-top: 6rem"]{padding-top:0!important}
@media (max-width:767px){
.pg-hero,.gd-hero{padding-top:44px!important}
.main-wrapper>.section_home1_hero[style*="padding-top: 5rem"],.main-wrapper>.section_home1_hero[style*="padding-top: 8rem"]{padding-top:2.75rem!important}
}
/* ---------- arrivée sur la FAQ depuis le menu : le titre s'illumine ---------- */
#faq.faq-arrive h2{background:linear-gradient(90deg,#21ccee,#1470ef 30%,#6927da 60%,#f23d94 85%,#f97316);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:faqSweep 1.8s cubic-bezier(.4,0,.2,1) both}
#faq.faq-arrive .text-style-badge{animation:faqPop .7s cubic-bezier(.2,.9,.25,1.4) both}
#faq.faq-arrive .w-tabs{animation:faqRise .8s cubic-bezier(.2,.9,.25,1) .1s backwards}
@keyframes faqSweep{from{background-position:120% 0}to{background-position:-20% 0}}
@keyframes faqPop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes faqRise{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#faq.faq-arrive h2,#faq.faq-arrive .text-style-badge,#faq.faq-arrive .w-tabs{animation:none}}
/* ---------- en-tête toujours visible : le conteneur ne limite plus le « sticky » ---------- */
.page-wrapper{display:contents}
/* wordmark ClairPlay : mêmes couleurs que le logo */
.best-nav-brand>span:not(.best-nav-brand-mark),.brand-word{background:linear-gradient(90deg,#21ccee,#1470ef 35%,#6927da 70%,#f23d94);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;line-height:1.1}
.best-nav-brand{gap:8px}