/*
Theme Name: StreamPro IPTV
Theme URI: https://example.com/
Author: StreamPro
Description: Premium dark/orange IPTV-style WordPress theme inspired by the supplied StreamPro design sketch. Fully customizable through WordPress Customizer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: streampro-iptv
*/
:root{--sp-accent:#ff6500;--sp-orange:#ff4b00;--sp-bg:#020913;--sp-surface:#071827;--sp-line:#18334b;--sp-text:#f5f8fc;--sp-muted:#b6c4d1;--sp-light-bg:#edf4fa;--sp-light-text:#102235;--sp-max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sp-bg);color:var(--sp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.sp-container{width:min(calc(100% - 48px),var(--sp-max));margin:auto}.skip-link{position:fixed;left:10px;top:10px;transform:translateY(-150%);background:#fff;color:#111;padding:10px;z-index:9999}.skip-link:focus{transform:none}
.sp-header{height:74px;background:#020b17;border-bottom:1px solid #17324a;position:relative;z-index:50}.sp-header-inner{height:100%;display:flex;align-items:center;gap:30px}.sp-logo{width:170px;display:flex;align-items:center}.sp-logo img{width:auto;height:43px;object-fit:contain}.sp-logo .custom-logo{max-height:43px;width:auto}.sp-nav{display:flex;align-items:stretch;gap:27px;height:100%;margin-left:18px;flex:1}.sp-nav a{display:flex;align-items:center;position:relative;font-size:13px;font-weight:750;color:#e7edf3;white-space:nowrap}.sp-nav a:hover{color:#fff}.sp-nav a:first-child:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--sp-accent);box-shadow:0 0 15px var(--sp-accent)}.sp-header-actions{display:flex;align-items:center;gap:12px}.sp-search{border:0;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer}.sp-login{border:1px solid #7a8da0;border-radius:9px;padding:10px 18px;font-size:13px}.sp-head-cta{background:linear-gradient(135deg,#ff7a14,var(--sp-orange));padding:11px 20px;border-radius:10px;font-weight:900;font-size:13px;box-shadow:0 8px 25px rgba(255,76,0,.18)}.sp-menu{display:none;border:1px solid #29435a;background:#071827;color:#fff;border-radius:8px;padding:9px}
.sp-hero{min-height:500px;position:relative;overflow:hidden;border-bottom:1px solid var(--sp-accent)}.sp-hero-bg{position:absolute;inset:0;background-position:center right;background-size:cover;background-repeat:no-repeat}.sp-hero-content{position:relative;min-height:500px;display:flex;align-items:center}.sp-hero-copy{width:55%;padding:55px 0}.sp-pill{display:inline-flex;background:linear-gradient(135deg,#ff891c,#ff4c00);border-radius:999px;padding:6px 13px;font-size:10px;font-weight:950;color:#fff;box-shadow:0 6px 20px rgba(255,86,0,.2)}.sp-hero h1{font-size:52px;line-height:1.02;letter-spacing:-1.8px;margin:13px 0 12px;font-weight:950}.sp-hero h1 em{font-style:normal;color:var(--sp-accent)}.sp-hero p{font-size:15px;max-width:610px;color:#e2ebf2;margin:0}.sp-mini-features{display:flex;gap:25px;margin:22px 0}.sp-mini-features span{display:grid;grid-template-columns:24px 1fr;column-gap:5px;color:var(--sp-accent);font-size:18px}.sp-mini-features b,.sp-mini-features small{grid-column:2}.sp-mini-features b{font-size:11px;color:#fff}.sp-mini-features small{font-size:10px;color:#c1ceda}.sp-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border-radius:8px;font-size:12px;font-weight:900;transition:.2s}.sp-btn:hover{transform:translateY(-2px)}.sp-btn-orange{background:linear-gradient(135deg,#ff7b14,var(--sp-orange));color:#fff;box-shadow:0 8px 25px rgba(255,76,0,.17)}.sp-btn-outline{border:1px solid var(--sp-accent);background:transparent;color:#fff}.sp-btn-outline:hover{background:rgba(255,101,0,.1)}
.sp-why{padding:18px 0 16px;background:#03101d;border-bottom:1px solid var(--sp-accent)}.sp-why-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:20px}.sp-why h2,.sp-section-title h2,.sp-regions h2,.sp-channels h2,.sp-reviews-faq h2{font-size:26px;margin:0 0 3px;letter-spacing:-.6px}.sp-why h2::first-line{color:#fff}.sp-lead,.sp-section-title p,.sp-regions p,.sp-channels p,.sp-reviews-faq>p{font-size:11px;color:#cad5df;margin:0}.sp-why-cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}.sp-why-cards article{padding:5px 22px 3px 0;border-right:1px solid #19324a;margin-right:20px}.sp-why-cards article:last-child{border-right:0}.sp-round-icon{width:38px;height:38px;border:1px solid var(--sp-accent);border-radius:50%;display:grid;place-items:center;color:var(--sp-accent);font-weight:900;margin-bottom:7px}.sp-why-cards h3{font-size:12px;margin:0 0 4px}.sp-why-cards p{font-size:10px;color:#b8c5d1;margin:0}.sp-why-image{height:160px;display:flex;align-items:center;justify-content:center}.sp-why-image img{max-height:170px;width:100%;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,125,255,.25))}
.sp-regions{position:relative;min-height:198px;overflow:hidden;border-bottom:1px solid var(--sp-accent);background:#03101c}.sp-region-art{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.92}.sp-region-inner{position:relative;min-height:198px;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:35px}.sp-region-copy{padding-left:195px}.sp-region-copy h2{font-size:27px;margin:8px 0}.sp-region-copy h2 em{font-style:normal;color:var(--sp-accent)}.sp-region-copy p{max-width:440px}.sp-region-copy .sp-btn{margin-top:12px}.sp-country-box{background:rgba(3,13,24,.82);padding:18px;border-radius:8px}.sp-country-box h3{font-size:13px;margin:0 0 11px}.sp-country-box>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sp-country-box span{background:#092039;border:1px solid #153754;border-radius:7px;padding:7px 6px;font-size:10px;text-align:center}.sp-country-box>a{display:block;margin-top:9px;color:var(--sp-accent);font-size:10px;text-align:right}
.sp-pricing-section{padding:14px 0 18px;background:#020d19;border-bottom:1px solid #17344c}.sp-section-title{margin-bottom:10px}.sp-section-title p{margin-top:3px}.sp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sp-plan{position:relative;background:#061727;border:1px solid #1c5279;border-radius:7px;padding:16px;min-height:235px;display:flex;flex-direction:column}.sp-plan.popular{border-color:var(--sp-accent);transform:translateY(-10px);background:linear-gradient(180deg,#10263b,#061727);box-shadow:0 0 0 2px rgba(255,101,0,.18),0 18px 45px rgba(255,72,0,.22)}.sp-popular{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff891c,#ff4c00);padding:4px 12px;border-radius:99px;font-size:9px;font-weight:900;white-space:nowrap}.sp-plan h3{margin:0;font-size:15px}.sp-plan>small{font-size:9px;color:#c2cfda;min-height:27px}.sp-plan-price{font-size:27px;font-weight:950;margin:6px 0}.sp-plan-price span{font-size:10px;color:#a9b7c5;font-weight:500}.sp-plan.popular .sp-btn-outline{background:linear-gradient(135deg,#ff7b14,var(--sp-orange));border-color:transparent}.sp-plan ul{list-style:none;padding:0;margin:0 0 10px;flex:1}.sp-plan li{font-size:10px;color:#d7e0e8;padding:3px 0}.sp-plan li:before{content:"✓";color:var(--sp-accent);font-weight:900;margin-right:7px}.sp-plan .sp-btn{width:100%;min-height:28px;font-size:10px}
.sp-devices{padding:16px 0 12px;background:#020c18;border-bottom:1px solid #17344c}.sp-device-row{display:flex;gap:8px;align-items:stretch;position:relative}.sp-device-row>div{background:#061b2d;border-radius:6px;min-height:62px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.sp-device-icon{width:23px;height:23px;border:2px solid var(--sp-accent);color:var(--sp-accent);display:grid;place-items:center;font-size:8px;border-radius:5px}.sp-device-row b{font-size:9px;text-align:center}.sp-device-row img{width:32%;object-fit:contain;max-height:125px;margin-left:auto}
.sp-channels{position:relative;min-height:140px;background:#020c17;overflow:hidden;border-bottom:1px solid #17344c}.sp-channel-image{position:absolute;left:0;top:0;bottom:0;width:40%;background-size:cover;background-position:center;mask-image:linear-gradient(90deg,#000 65%,transparent)}.sp-channel-inner{min-height:140px;display:flex;align-items:center;justify-content:flex-end}.sp-channel-copy{width:58%;padding-left:4%}.sp-channel-copy h2{font-size:25px;margin:7px 0 2px}.sp-channel-copy p{max-width:620px}.sp-channel-copy .sp-btn{margin-top:9px}
.sp-reviews-faq{background:var(--sp-light-bg);color:var(--sp-light-text);padding:18px 0}.sp-rf-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:30px}.sp-reviews-faq h2{font-size:14px;color:var(--sp-light-text)}.sp-reviews-faq p{font-size:9px;color:#5d6f7e;margin:0}.sp-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.sp-reviews article{background:rgba(255,255,255,.72);border-radius:6px;padding:10px;display:flex;gap:8px}.sp-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#d7e3ef,#8ba0b4);flex:none}.sp-reviews article b{font-size:9px}.sp-stars{color:#ff7900;font-size:8px}.sp-reviews article p{font-size:8px;margin-top:4px}.sp-reviews-faq details{border-bottom:1px solid #ccd9e3;padding:8px 0}.sp-reviews-faq summary{list-style:none;font-size:9px;font-weight:750;display:flex;justify-content:space-between;cursor:pointer}.sp-reviews-faq summary::-webkit-details-marker{display:none}.sp-reviews-faq details p{padding:7px 0 0}.sp-footer{background:#020d19;border-top:1px solid #1b3448;padding:22px 0 10px}.sp-footer-grid{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.3fr;gap:35px}.sp-footer-logo{width:140px;height:auto;max-height:40px;object-fit:contain}.sp-footer p,.sp-footer a,.sp-footer li{font-size:9px;color:#b8c4cf}.sp-footer h3{font-size:10px;margin:0 0 8px}.sp-footer ul{list-style:none;padding:0;margin:0}.sp-footer li{margin:4px 0}.sp-social{display:flex;gap:6px}.sp-social span{width:23px;height:23px;border-radius:50%;background:#0b2236;display:grid;place-items:center;font-size:10px}.sp-news{display:flex}.sp-news input{width:70%;border:0;background:#0b253b;color:#fff;border-radius:8px 0 0 8px;padding:8px;font-size:9px}.sp-news button{border:0;background:linear-gradient(135deg,#ff7b14,#ff4b00);color:#fff;border-radius:0 8px 8px 0;padding:0 12px;font-size:9px;font-weight:800}.sp-footer-bottom{border-top:1px solid #183248;margin-top:15px;padding-top:9px;display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:8px;color:#aab6c2}.sp-footer-bottom small{margin-left:auto}.sp-wa{position:fixed;right:24px;bottom:20px;width:60px;height:60px;border-radius:50%;background:#08d65b;color:#fff;z-index:1000;display:grid;place-items:center;font-size:25px;box-shadow:0 8px 35px rgba(0,0,0,.4);cursor:grab;touch-action:none}.sp-wa:before,.sp-wa:after,.sp-wa i{content:"";position:absolute;inset:-7px;border:2px solid rgba(8,214,91,.42);border-radius:50%;animation:sp-wave 2.2s infinite}.sp-wa:after{animation-delay:.75s}.sp-wa i{animation-delay:1.5s}@keyframes sp-wave{0%{transform:scale(.82);opacity:.8}100%{transform:scale(1.55);opacity:0}}
@media(max-width:1050px){.sp-nav{gap:15px}.sp-hero h1{font-size:45px}.sp-region-copy{padding-left:80px}.sp-pricing-grid{grid-template-columns:repeat(2,1fr)}.sp-why-grid{grid-template-columns:1fr}.sp-why-image{display:none}}
@media(max-width:800px){.sp-container{width:min(calc(100% - 28px),var(--sp-max))}.sp-header{height:64px}.sp-logo img,.sp-logo .custom-logo{max-height:36px}.sp-nav{display:none;position:absolute;left:0;right:0;top:64px;height:auto;background:#03101d;flex-direction:column;gap:0;margin:0;padding:8px 18px;border-bottom:1px solid #17344c}.sp-nav.open{display:flex}.sp-nav a{padding:12px 0}.sp-header-actions .sp-login,.sp-header-actions .sp-head-cta,.sp-header-actions .sp-search{display:none}.sp-menu{display:block}.sp-hero,.sp-hero-content{min-height:550px}.sp-hero-bg{background-position:62% center}.sp-hero-copy{width:100%;padding-top:60px}.sp-mini-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-region-inner{grid-template-columns:1fr;padding:25px 0}.sp-region-copy{padding-left:0}.sp-country-box{margin-top:8px}.sp-device-row{display:grid;grid-template-columns:repeat(3,1fr)}.sp-device-row img{grid-column:1/-1;width:100%;height:130px}.sp-channel-image{width:55%;opacity:.6}.sp-channel-copy{width:72%}.sp-rf-grid{grid-template-columns:1fr}.sp-reviews{grid-template-columns:1fr}.sp-footer-grid{grid-template-columns:1fr 1fr}.sp-footer-bottom small{margin-left:0}}
@media(max-width:520px){.sp-hero h1{font-size:39px}.sp-hero p{font-size:13px}.sp-pricing-grid{grid-template-columns:1fr}.sp-country-box>div{grid-template-columns:repeat(2,1fr)}.sp-device-row{grid-template-columns:repeat(2,1fr)}.sp-channel-copy{width:100%;padding:20px 0}.sp-channel-image{width:100%;opacity:.22}.sp-footer-grid{grid-template-columns:1fr}.sp-wa{right:15px;bottom:15px;width:56px;height:56px}}

.sp-benefits{padding:28px 0;background:#03111f;border-bottom:1px solid #17344c}.sp-benefits .sp-section-title{text-align:center;max-width:760px;margin:0 auto 16px}.sp-benefits .sp-section-title .sp-pill{margin-bottom:7px}.sp-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sp-benefit-grid article{background:linear-gradient(145deg,#071c2e,#061522);border:1px solid #173d5a;border-radius:10px;padding:16px;transition:.2s;position:relative;overflow:hidden}.sp-benefit-grid article:after{content:"";position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border-radius:50%;background:rgba(255,101,0,.08)}.sp-benefit-grid article:hover{transform:translateY(-4px);border-color:var(--sp-accent);box-shadow:0 12px 30px rgba(0,0,0,.18)}.sp-benefit-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(255,101,0,.1);border:1px solid rgba(255,101,0,.55);color:var(--sp-accent);font-weight:950;font-size:17px;margin-bottom:9px}.sp-benefit-grid h3{font-size:13px;margin:0 0 5px}.sp-benefit-grid p{font-size:10px;color:#b9c8d4;margin:0;line-height:1.55}.sp-how{padding:27px 0;background:#020b16;border-bottom:1px solid #17344c}.sp-how .sp-section-title{text-align:center;max-width:760px;margin:0 auto 17px}.sp-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sp-how-grid article{display:flex;gap:13px;background:#061827;border:1px solid #173d58;border-radius:10px;padding:17px;align-items:flex-start}.sp-step-number{font-size:21px;font-weight:950;color:var(--sp-accent);line-height:1}.sp-how-grid h3{font-size:13px;margin:0 0 5px}.sp-how-grid p{font-size:10px;color:#b9c8d4;margin:0;line-height:1.55}
@media(max-width:800px){.sp-benefit-grid,.sp-how-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sp-benefit-grid,.sp-how-grid{grid-template-columns:1fr}.sp-benefits,.sp-how{padding:22px 0}}