/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5
 * macrostructure: Coastal Frame · genre: modern-minimal · theme: custom
 * tone: calm, premium, practical · nav: N3 compact utility · footer: Ft6 statement-led
 * contrast: pass (40–41) · honest: pass · tokens: pass · responsive: pass
 */
/*
Theme Name: Abonnement IPTV Togo
Theme URI: https://abonnementiptvtogo.com/
Author: IPTV Togo
Description: Thème WordPress français moderne pour un service IPTV au Togo.
Version: 1.1.0
Requires PHP: 8.0
Text Domain: abonnementiptvtogo
*/
@import url("tokens.css");
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font:400 1rem/1.65 var(--font-body)}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3{min-width:0;margin:0;font-family:var(--font-display);font-style:normal;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}h1{font-size:var(--text-display)}h2{font-size:clamp(2.25rem,4.7vw,4.5rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}p{margin:0 0 var(--space-sm)}.wrap,.section-wrap{width:min(100% - 2rem,75rem);margin-inline:auto}.skip-link{position:fixed;left:var(--space-sm);top:-5rem;z-index:100;padding:var(--space-xs) var(--space-sm);background:var(--color-gold);font-weight:800}.skip-link:focus{top:var(--space-sm)}.section-label,.eyebrow,.kicker{margin-bottom:var(--space-sm);color:var(--color-forest);font-size:var(--text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-ink);border-radius:var(--radius-pill);font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.button-primary{background:var(--color-deep);color:var(--color-white);border-color:var(--color-deep)}.button-quiet{background:transparent}.button-light{background:var(--color-white);color:var(--color-deep);border-color:var(--color-white)}.button-dark{background:var(--color-deep);color:var(--color-white)}.text-link{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;white-space:nowrap}

.site-header{position:sticky;top:0;z-index:50;background:var(--color-paper);border-bottom:1px solid var(--color-line)}.header-inner{width:min(100% - 2rem,80rem);min-height:4.75rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:1rem;line-height:1;text-decoration:none;white-space:nowrap}.brand b{color:var(--color-forest)}.brand-mark{display:grid;grid-template-columns:repeat(3,.4rem);width:1.6rem;height:1.6rem;padding:.2rem;border-radius:var(--radius-sm);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-line)}.brand-mark i:nth-child(1){background:var(--color-leaf)}.brand-mark i:nth-child(2){background:var(--color-gold)}.brand-mark i:nth-child(3){background:var(--color-red)}.nav-toggle{min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-card);font-weight:800}.site-nav{display:none}.site-nav.is-open{position:absolute;inset:4.75rem 0 auto;display:flex;flex-direction:column;padding:var(--space-sm);background:var(--color-paper);border-bottom:1px solid var(--color-line);box-shadow:0 1rem 2rem var(--color-line)}.site-nav>a,.site-nav summary{display:flex;align-items:center;min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);font-weight:700;text-decoration:none;white-space:nowrap}.site-nav details{position:relative;border:0}.site-nav summary{justify-content:space-between;cursor:pointer;list-style:none}.site-nav summary::-webkit-details-marker{display:none}.site-nav details>div{display:grid;padding:var(--space-2xs);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md)}.site-nav details a{padding:var(--space-xs) var(--space-sm);text-decoration:none;white-space:nowrap}.site-nav .nav-cta{justify-content:center;background:var(--color-deep);color:var(--color-white);border-radius:var(--radius-pill)}

.coastal-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center;padding-block:var(--space-xl) var(--space-2xl)}.hero-copy,.hero-visual{min-width:0}.hero-copy{max-width:39rem}.hero-note{display:inline-flex;align-items:center;min-height:2rem;margin-bottom:var(--space-md);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-forest);font-size:var(--text-sm);font-weight:700}.hero-copy h1{max-width:12ch}.hero-lede{max-width:58ch;margin:var(--space-lg) 0;color:var(--color-muted);font-size:var(--text-md)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-xl) 0 0;padding-top:var(--space-md);border-top:1px solid var(--color-line)}.hero-facts dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.hero-facts dd{margin:.2rem 0 0;font-weight:700}.hero-visual{position:relative;margin:0;padding:var(--space-sm);background:var(--color-paper-2);border-radius:var(--radius-lg)}.hero-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--radius-lg) - var(--space-2xs))}.hero-visual figcaption{position:absolute;left:var(--space-lg);right:var(--space-lg);bottom:var(--space-lg);padding:var(--space-sm);background:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .5rem 2rem var(--color-line)}.hero-visual figcaption span{display:block;color:var(--color-forest);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.hero-visual figcaption b{display:block;margin-top:.2rem}.trust-strip{border-block:1px solid var(--color-line);background:var(--color-card)}.trust-strip .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip span{display:flex;align-items:center;justify-content:center;min-height:3.5rem;padding:var(--space-xs);font-size:var(--text-xs);font-weight:800;text-align:center;text-transform:uppercase;border-right:1px solid var(--color-line)}

.decision{display:grid;gap:var(--space-xl);padding-block:var(--space-3xl)}.decision header h2{max-width:12ch}.decision-list{border-top:1px solid var(--color-line)}.decision-list article{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-line)}.decision-list article>span{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-paper-2);color:var(--color-forest);font-weight:800}.decision-list h3{margin-bottom:var(--space-2xs)}.decision-list p{max-width:60ch;color:var(--color-muted)}
.pricing-section{padding-block:var(--space-3xl);background:var(--color-deep);color:var(--color-white)}.pricing-section .section-label{color:var(--color-gold)}.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-xl)}.section-heading h2{max-width:13ch}.section-heading>p:not(.section-label){max-width:55ch;color:var(--color-white-70)}.device-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs);margin-bottom:var(--space-md)}.device-tab{min-height:3rem;border:1px solid var(--color-white-20);border-radius:var(--radius-pill);background:transparent;color:var(--color-white);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;white-space:nowrap}.device-tab.is-active{background:var(--color-white);color:var(--color-deep)}.price-ledger{border-top:1px solid var(--color-white-20)}.price-ledger article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-white-20)}.price-ledger h3{margin-bottom:.2rem}.price-ledger p{margin:0;color:var(--color-white-70)}.price-ledger strong{font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap}.price-ledger a{grid-column:1/-1;color:var(--color-gold);font-weight:800;text-decoration:none;white-space:nowrap}
.device-section{display:grid;gap:var(--space-xl);padding-block:var(--space-3xl)}.device-copy h2{max-width:12ch;margin-bottom:var(--space-md)}.device-copy>p:not(.section-label){max-width:55ch;color:var(--color-muted)}.device-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:var(--space-sm)}.device-matrix article{min-width:0;min-height:11rem;padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md)}.device-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:var(--space-md);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-forest)}.device-icon svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.device-matrix span{color:var(--color-red);font-size:var(--text-xs);font-weight:800}.device-matrix h3{margin:var(--space-2xs) 0 var(--space-2xs)}.device-matrix p{margin:0;color:var(--color-muted)}
.viewing-section{padding-block:var(--space-3xl);background:var(--color-card)}.viewing-section .section-heading>p:not(.section-label){color:var(--color-muted)}.viewing-grid{display:grid;gap:var(--space-sm)}.viewing-grid figure{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-deep)}.viewing-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--dur-short) var(--ease-out)}.viewing-grid figcaption{padding:var(--space-md);color:var(--color-white)}.viewing-grid figcaption span{color:var(--color-gold);font-size:var(--text-xs);font-weight:800}.viewing-grid h3{margin:var(--space-2xs) 0}.viewing-grid p{margin:0;color:var(--color-white-70)}.viewing-grid figure:hover img{transform:scale(1.015)}
.city-section{padding-block:var(--space-3xl);background:var(--color-paper-2)}.city-section header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-xl)}.city-section h2{max-width:12ch}.city-links{display:grid;border-top:1px solid var(--color-line)}.city-links a{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-line);font-family:var(--font-display);font-size:var(--text-xl);text-decoration:none;white-space:nowrap}.city-links span{color:var(--color-forest)}
.journal-section{padding-block:var(--space-3xl)}.journal-grid{display:grid;gap:var(--space-sm)}.journal-grid article{padding:var(--space-lg);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md)}.journal-grid small{color:var(--color-forest);font-size:var(--text-xs);font-weight:800}.journal-grid h3{margin:var(--space-lg) 0 var(--space-sm)}.journal-grid h3 a{text-decoration:none}.journal-grid p{color:var(--color-muted)}
.faq-section{padding-block:var(--space-3xl);background:var(--color-card)}.faq-layout{display:grid;gap:var(--space-xl)}.faq-layout header h2{max-width:11ch;margin-bottom:var(--space-md)}.faq-layout header>p:not(.section-label){max-width:45ch;color:var(--color-muted)}.faq-list{border-top:1px solid var(--color-line)}details{border-bottom:1px solid var(--color-line)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) 0;font-weight:800;cursor:pointer}summary span{font-size:var(--text-lg)}details p{max-width:65ch;padding-bottom:var(--space-md);color:var(--color-muted)}.faq-list>.text-link{display:inline-block;margin-top:var(--space-md)}.closing-section{padding-block:var(--space-2xl);background:var(--color-forest);color:var(--color-white)}.closing-section .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg)}.closing-section .section-label{color:var(--color-gold)}.closing-section h2{max-width:15ch;font-size:clamp(2rem,4vw,3.5rem)}

.site-footer{padding-block:var(--space-3xl) var(--space-lg);background:var(--color-ink);color:var(--color-white)}.footer-inner{width:min(100% - 2rem,75rem);margin:auto}.site-footer .brand{color:var(--color-white)}.footer-lead h2{max-width:12ch;margin:var(--space-xl) 0 var(--space-md);font-size:clamp(2.25rem,5vw,4.5rem)}.footer-lead p{max-width:50ch;color:var(--color-white-70)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-white-20)}.site-footer h3{margin-bottom:var(--space-sm);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.site-footer a:not(.brand){display:block;padding:.2rem 0;color:var(--color-white-70);text-decoration:none;white-space:nowrap}.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-white-20);color:var(--color-white-70);font-size:var(--text-xs)}.footer-bottom p{max-width:65ch}

/* Inner WordPress templates */
.blog-hero,.article-hero,.city-hero,.partner-hero,.page-hero,.info-hero,.dmca-hero{padding-block:var(--space-3xl) var(--space-xl);background:var(--color-paper-2);border-bottom:1px solid var(--color-line)}:is(.blog-hero,.article-hero,.city-hero,.partner-hero,.page-hero,.info-hero,.dmca-hero)>h1{max-width:14ch;margin:var(--space-sm) 0;font-size:clamp(2.75rem,6vw,5.5rem)}:is(.blog-hero,.article-hero,.city-hero,.partner-hero,.dmca-hero)>p:not(.eyebrow),.info-hero>p:not(.eyebrow){max-width:60ch;color:var(--color-muted)}.blog-latest,.article-layout,.article-footer,.city-intro,.city-local,.city-guide,.city-checks,.city-troubleshoot,.city-options,.city-faq,.reseller-packs,.partner-process,.reseller-guide,.partner-faq,.content-section,.info-body,.dmca-layout,.page-feature,.template-editorial{padding-block:var(--space-2xl)}.article-layout,.info-body,.dmca-layout,.partner-hero,.city-intro,.city-guide{display:grid;gap:var(--space-xl)}.entry-content,.info-sections,.dmca-main{max-width:48rem}.entry-content h2,.info-sections h2,.dmca-main h2{margin:var(--space-xl) 0 var(--space-sm);font-size:clamp(2rem,4vw,3.5rem)}.info-sections>section{padding:var(--space-lg) 0;border-top:1px solid var(--color-line)}.info-sidebar,.article-aside,.dmca-aside{align-content:start;padding:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-md)}.info-sidebar a,.article-aside a{display:block;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-line);text-decoration:none}.blog-post-grid,.reseller-pack-grid,.editorial-grid,.city-local-grid,.device-card-grid{display:grid;gap:var(--space-sm)}.blog-post-card,.reseller-pack-grid article,.editorial-grid article,.city-local-grid article,.device-card-grid article{padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md)}.partner-process{background:var(--color-deep);color:var(--color-white)}.partner-process ol,.help-flow ol,.trial-board ol{list-style:none;margin:0;padding:0}.partner-process li,.help-flow li,.trial-board li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-line)}.city-chips,.app-grid{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.city-chips a,.app-grid div{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-pill);text-decoration:none}.partner-hero figure{margin:0}.partner-hero img{border-radius:var(--radius-lg)}.error-page{min-height:65vh;padding-block:var(--space-3xl)}.itogo-whatsapp-float{position:fixed;right:var(--space-sm);bottom:var(--space-sm);z-index:35;display:flex;align-items:center;gap:var(--space-2xs);min-height:3rem;padding:var(--space-xs) var(--space-sm);background:var(--color-whatsapp);color:var(--color-white)!important;border:1px solid var(--color-deep);border-radius:var(--radius-pill);box-shadow:0 .5rem 1.5rem var(--color-line);font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}

@media(min-width:40rem){.trust-strip .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.viewing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.price-ledger article{grid-template-columns:minmax(0,1fr) auto auto}.price-ledger a{grid-column:auto}.journal-grid,.blog-post-grid,.reseller-pack-grid,.editorial-grid,.city-local-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.device-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:64rem){.nav-toggle{display:none}.site-nav{display:flex;align-items:center;gap:var(--space-2xs)}.site-nav>a,.site-nav summary{min-height:2.75rem}.site-nav details>div{position:absolute;right:0;top:calc(100% + var(--space-2xs));min-width:12rem;box-shadow:0 1rem 2rem var(--color-line)}.site-nav .nav-cta{margin-left:var(--space-2xs);padding-inline:var(--space-md)}.coastal-hero{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.75fr);min-height:calc(100svh - 4.75rem);padding-block:var(--space-2xl)}.decision,.device-section,.faq-layout{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr)}.device-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.city-section .wrap{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:var(--space-xl)}.city-section header{margin:0}.article-layout,.info-body,.dmca-layout,.partner-hero,.city-intro,.city-guide{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.6fr)}.info-sidebar,.article-aside,.dmca-aside{position:sticky;top:6rem}}
@media(max-width:63.99rem){body.admin-bar .site-header{top:32px}.site-nav details>div{margin-bottom:var(--space-2xs)}.journal-section .section-heading{align-items:flex-start}}
@media(max-width:39.99rem){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-facts{grid-template-columns:1fr}.device-matrix,.footer-links{grid-template-columns:1fr}.itogo-whatsapp-float b{display:none}.closing-section .button{width:100%}.price-ledger strong{font-size:1.1rem}}
.button:hover,.device-tab:hover,.site-nav>a:hover,.site-nav summary:hover{background-color:var(--color-paper-2)}.button-primary:hover{background-color:var(--color-forest);color:var(--color-white)}.button:active,.device-tab:active{transform:translateY(1px)}:is(a,button,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.button[disabled],.device-tab[disabled]{opacity:.55;cursor:not-allowed}.button[aria-busy=true],.device-tab[aria-busy=true]{cursor:wait}.button[data-state=error],.device-tab[data-state=error]{border-color:var(--color-red)}.button[data-state=success],.device-tab[data-state=success]{border-color:var(--color-leaf)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.device-tab,.viewing-grid img{transition:none}.viewing-grid figure:hover img{transform:none}}



