/*
Theme Name: BC55 Home V2
Description: U2-inspired multi-page BC55 theme with accessible global drawer navigation.
Version: 1.0.0
Text Domain: bc55-v2
*/
:root{--orange:#ff9400;--amber:#ffc000;--black:#080808;--panel:#151515;--line:#333;--white:#fff;--max:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font:15px/1.65 Arial,sans-serif}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding-inline:20px}.site-head{height:72px;background:#111;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:80}.head-inner{height:100%;display:flex;align-items:center;gap:18px}.head-logo img{width:85px;max-height:52px;object-fit:contain}.menu-toggle{width:46px;height:46px;border:0;background:none;color:#fff;display:grid;place-content:center;gap:5px;cursor:pointer}.menu-toggle i{display:block;width:24px;height:2px;background:currentColor}.head-spacer{flex:1}.head-action{border:1px solid #777;padding:7px 18px;border-radius:4px;text-transform:uppercase;font-size:12px;font-weight:bold}.head-action.primary,.btn{background:linear-gradient(90deg,#ff6900,#ffad00);border-color:transparent;color:#111}.drawer-backdrop{position:fixed;inset:0;background:#000b;z-index:89;opacity:0;visibility:hidden;transition:.3s}.drawer{position:fixed;inset:0 auto 0 0;width:min(390px,90vw);background:#101010;z-index:90;transform:translateX(-101%);transition:transform .35s ease;display:flex;flex-direction:column;box-shadow:20px 0 70px #0008}.drawer.open{transform:none}.drawer.open+.drawer-backdrop{opacity:1;visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-top img{width:100px}.drawer-close{width:44px;height:44px;border:1px solid #555;background:none;color:#fff;font-size:25px;border-radius:50%;cursor:pointer}.drawer-nav{padding:18px 24px;overflow:auto;flex:1}.drawer-nav a,.drawer-nav summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929;text-transform:uppercase;font-weight:800;font-size:13px;cursor:pointer}.drawer-nav a:hover,.drawer-nav a:focus,.drawer-nav summary:hover{color:var(--orange)}.drawer-nav .current-menu-item>a{color:var(--orange);padding-left:12px;border-left:3px solid var(--orange)}.drawer-nav details div{padding-left:20px}.drawer-nav details div a{font-size:12px;color:#bbb}.drawer-bottom{padding:20px 24px;border-top:1px solid #333}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-social{display:flex;gap:10px;margin:18px 0}.drawer-social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#252525}.drawer-note{color:#888;font-size:11px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 22px;border-radius:5px;text-transform:uppercase;font-size:12px;font-weight:900;border:0}.btn.outline{background:transparent;color:#fff;border:1px solid #777}.hero{background:radial-gradient(circle,#604300,#160f00 45%,#050505 76%)}.hero-box{height:570px;position:relative;overflow:hidden}.hero-box>img{width:100%;height:100%;object-fit:cover}.hero-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00101ae6,#00101a40 60%,transparent)}.hero-copy{position:absolute;z-index:1;left:50px;top:50%;transform:translateY(-50%);max-width:540px}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,70px);line-height:.95;text-transform:uppercase;margin:18px 0;text-shadow:3px 3px #181818}.hero p{font-size:18px;max-width:500px}.start-strip{background:var(--orange)}.start-grid{display:grid;grid-template-columns:repeat(4,1fr)}.start-grid article{padding:16px 12px;display:flex;gap:12px}.start-grid b{font-size:24px;color:#725820}.start-grid strong{display:block;text-transform:uppercase}.section{padding-block:80px}.section.alt{background:#151515}.section-title{font-size:clamp(36px,5vw,55px);line-height:1;text-transform:uppercase;margin:8px 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#222;border:1px solid #383838;border-radius:8px;overflow:hidden}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:22px}.card h3{font-size:23px;text-transform:uppercase;margin:0 0 10px}.card p{color:#bbb}.card a{color:var(--orange);font-weight:bold;text-transform:uppercase;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.game-card{height:285px;position:relative;overflow:hidden;border:1px solid #444}.game-card img{width:100%;height:100%;object-fit:cover}.game-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000)}.game-card h3{position:absolute;z-index:1;bottom:12px;left:15px;text-transform:uppercase}.provider-grid,.payment-grid{display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;padding:30px;background:#fff}.provider-grid img,.payment-grid img{max-width:120px;max-height:48px;object-fit:contain}.page-hero{padding:90px 0;background:linear-gradient(125deg,#080d15,#5c3605)}.breadcrumb{color:#aaa;font-size:12px;text-transform:uppercase}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px}.prose{font-size:17px;color:#ddd}.prose h2{color:#fff;text-transform:uppercase;margin-top:45px}.accordion details{border-top:1px solid #444;padding:18px 0}.accordion summary{font-weight:bold;font-size:17px;cursor:pointer}.accordion p{color:#bbb}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pagination{margin-top:35px}.pagination .page-numbers{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #555}.site-footer{padding:70px 0 30px;background:#050505;border-top:2px solid var(--orange)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid img{width:110px}.footer-grid a{display:block;color:#aaa;margin:7px 0}.footer-bottom{border-top:1px solid #333;margin-top:45px;padding-top:20px;color:#777}.float-support{position:fixed;right:16px;bottom:20px;z-index:50;display:grid;gap:8px}.float-support a{background:#171717;border:1px solid #444;border-radius:30px;padding:10px 16px;font-size:12px;font-weight:bold}.float-support a:first-child{background:#168a3b}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}:focus-visible{outline:3px solid #ffc400;outline-offset:3px}@media(max-width:900px){.cards,.post-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.start-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.hero-box{height:520px}.hero-copy{left:28px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.site-head{height:64px}.head-logo{position:absolute;left:50%;transform:translateX(-50%)}.head-logo img{width:75px}.head-action:not(.primary){display:none}.head-action.primary{padding:6px 10px}.hero-box{height:500px}.hero-copy{left:22px;right:22px;top:auto;bottom:35px;transform:none}.hero h1{font-size:42px}.hero p{font-size:15px}.start-grid,.cards,.post-grid,.footer-grid{grid-template-columns:1fr}.start-grid article{border-bottom:1px solid #ffb84c}.game-card{height:230px}.section{padding-block:58px}.float-support{right:8px;bottom:8px}.float-support a{font-size:0;width:46px;height:46px;padding:0;display:grid;place-items:center}.float-support a:before{content:"●";font-size:18px}}
