/*
Theme Name: British IPTV
Description: Custom theme for the British IPTV site. Colours and footer text are editable in Appearance > Customize.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: british-iptv
*/
:root{--ink:#0e1a2b;--bg:#f6f7f9;--red:#c8102e;--blue:#1d3a6b;--card:#fff}
*{box-sizing:border-box}body{margin:0;font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.logo{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
.w{max-width:1080px;margin:0 auto;padding:0 20px}a{color:var(--blue)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{background:var(--ink)}.top .w{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{color:#fff;font-size:1.4rem;text-decoration:none;font-weight:700}
#nv a{color:#dfe6f2;margin-left:18px;text-decoration:none;padding:6px 0}#nv a[aria-current]{color:#fff;border-bottom:2px solid var(--red)}
#mb{display:none;background:none;color:#fff;border:1px solid #fff5;border-radius:6px;padding:6px 12px}
.hero{background:linear-gradient(135deg,var(--ink),var(--blue));color:#fff;padding:64px 0}.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:.2em 0;max-width:20ch}.hero p{max-width:68ch;color:#e6ecf7}
.bc{font-size:.9rem;margin-bottom:8px}.bc a{color:#fff}
.b{display:inline-block;background:var(--red);color:#fff!important;padding:12px 22px;border-radius:6px;font-weight:600;text-decoration:none;margin:4px 6px 4px 0;border:2px solid var(--red);cursor:pointer;font-size:1rem}.b.s{background:transparent;border-color:#fff8}
section{padding:48px 0}.alt{background:#fff}section h2{font-size:clamp(1.4rem,3vw,2rem);margin-top:0;max-width:30ch}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.card{background:var(--card);border:1px solid #d9dfe8;border-radius:8px;padding:20px}.card h3{margin:0}.pr{font-size:2rem;font-weight:700;color:var(--red);margin:.2em 0}
.g{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px 24px}.g li{padding:8px 0 8px 22px;border-bottom:1px solid #d9dfe8;position:relative}.g li:before{content:"";position:absolute;left:4px;top:1.05em;width:8px;height:8px;background:var(--red);border-radius:50%}
.ov{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:10px 14px;border:1px solid #d9dfe8;text-align:left}th{background:var(--ink);color:#fff}
details{background:#fff;border:1px solid #d9dfe8;border-radius:8px;margin:8px 0;padding:0 16px;max-width:820px}summary{cursor:pointer;padding:14px 0;font-weight:600}
.n{font-size:.9rem;color:#4a5668}.cta{background:var(--ink);color:#fff;text-align:center}.cta h2{margin-left:auto;margin-right:auto}
label{display:block;margin:10px 0;font-weight:600;max-width:560px}input,textarea{display:block;width:100%;padding:10px;font:inherit;border:1px solid #9aa6b8;border-radius:6px;margin-top:4px}.hp{position:absolute;left:-999px}
footer{background:#08111e;color:#c5cedc;padding:28px 0;font-size:.9rem}footer a{color:#fff;margin-right:16px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
@media(max-width:720px){#mb{display:block}#nv{display:none;width:100%}#nv.open{display:block}#nv a{display:block;margin:0;padding:10px 0}.hero{padding:44px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.custom-logo{max-height:44px;width:auto}.screen-reader-text{position:absolute;left:-999px}.entry{background:#fff;border:1px solid #d9dfe8;border-radius:8px;padding:20px;margin:0 0 16px}img{max-width:100%;height:auto}
body .elementor-widget-text-editor,body .elementor-widget-icon-list .elementor-icon-list-text,body .elementor-widget-accordion .elementor-tab-title,body .elementor-widget-accordion .elementor-tab-content{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.elementor-widget-text-editor p{margin:0 0 .6em}.e-con.hero,.e-con.alt,.e-con.cta{width:100%}