/*
Theme Name: Bet On The Game
Theme URI: https://betonthegame.com/
Author: Bet On The Game
Description: A focused domain sale website with a buyer inquiry form.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: betonthegame
*/
:root{color-scheme:dark;--ink:#071627;--navy:#0b2137;--cream:#f2f0e9;--muted:#b8c7d4;--gold:#d6ad61;--line:rgba(255,255,255,.18)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit}
    .shell{width:min(1200px,calc(100% - 48px));margin:auto}.topbar{position:absolute;top:0;left:0;right:0;z-index:2;border-bottom:1px solid rgba(255,255,255,.15)}.topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:850;letter-spacing:-.065em;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}.topbar .navlink{font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--line);border-radius:100px;padding:10px 17px;white-space:nowrap}.topbar .navlink:hover,.topbar .navlink:focus-visible{background:rgba(255,255,255,.1)}
    .hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(5,16,29,.99) 0%,rgba(5,16,29,.91) 39%,rgba(5,16,29,.48) 75%),linear-gradient(0deg,var(--ink) 0%,transparent 32%),url('assets/stadium.webp') center center/cover no-repeat,#0d2a3c}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 22%,rgba(218,172,86,.16),transparent 38%);pointer-events:none}.hero .shell{position:relative;z-index:1;padding-top:125px;padding-bottom:85px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:27px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{max-width:880px;font-size:clamp(3.5rem,8vw,7.75rem);line-height:.99;letter-spacing:-.075em;margin:32px 0 28px;font-weight:800}h1 span{color:var(--gold)}.hero-copy{max-width:590px;font-size:clamp(1.1rem,1.65vw,1.35rem);line-height:1.6;color:#dce5eb;margin-bottom:38px}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;background:var(--gold);color:#091827;border-radius:4px;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}.button:hover,.button:focus-visible{transform:translateY(-2px);background:#e7c67f}.quiet-link{padding:13px 9px;text-underline-offset:5px;font-weight:650}.hero-foot{margin-top:90px;color:#b8c5cd;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
    .overview{background:#f2f0e9;color:#0b2137;padding:96px 0 105px}.overview-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:clamp(40px,8vw,140px)}.section-kicker{color:#a37938;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:13px;margin-bottom:20px}.overview h2,.contact h2{font-size:clamp(2.4rem,5vw,4.25rem);letter-spacing:-.06em;line-height:1.06;margin-bottom:25px}.overview-intro{font-size:1.15rem;line-height:1.65;color:#405260;max-width:410px}.uses{border-top:1px solid #c8d0d2}.use{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid #c8d0d2}.use-number{color:#9b7438;font-size:13px;font-weight:800;padding-top:5px}.use h3{font-size:1.25rem;letter-spacing:-.025em;margin:0 0 4px}.use p{color:#4a5a64;margin:0;max-width:560px}
    .contact{position:relative;background:#102a42;padding:100px 0 115px;overflow:hidden}.contact:after{content:"BET ON THE GAME";position:absolute;right:-90px;bottom:-75px;white-space:nowrap;font-size:clamp(80px,17vw,270px);font-weight:900;letter-spacing:-.085em;color:rgba(255,255,255,.035);pointer-events:none}.contact-inner{position:relative;z-index:1;max-width:750px}.contact .section-kicker{color:var(--gold)}.contact p{color:#ccd8df;font-size:1.1rem;max-width:580px;margin-bottom:34px}.contact-note{display:block;color:#a9bfca;font-size:14px;margin-top:16px}footer{border-top:1px solid var(--line);background:#081a2b;padding:25px 0;color:#a7bac6;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    :focus-visible{outline:3px solid #f2cf81;outline-offset:4px}@media(max-width:720px){.shell{width:min(100% - 34px,1200px)}.topbar-inner{min-height:68px}.brand{font-size:17px}.topbar .navlink{padding:8px 12px;font-size:13px}.hero{min-height:690px;background-position:57% center}.hero .shell{padding-top:136px;padding-bottom:50px}h1{font-size:clamp(3.3rem,13vw,5rem)}.hero-foot{margin-top:70px;line-height:1.5}.overview,.contact{padding:72px 0}.overview-grid{grid-template-columns:1fr;gap:25px}.overview-intro{max-width:630px}.use{grid-template-columns:28px 1fr;gap:12px}.contact:after{bottom:-30px;right:-50px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

    /* WordPress content and buyer inquiry form. */
    .admin-bar .topbar{top:32px}
    .inquiry-form{display:grid;gap:19px;max-width:680px;margin-top:26px}
    .inquiry-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
    .inquiry-form label{display:grid;gap:7px;color:#e8f0f3;font-size:14px;font-weight:700}
    .inquiry-form input,.inquiry-form textarea{width:100%;min-height:48px;border:1px solid #6b8597;border-radius:4px;background:#f8f9f8;color:#102438;font:inherit;font-size:16px;padding:12px 14px}
    .inquiry-form textarea{resize:vertical;min-height:130px}
    .inquiry-form input:focus-visible,.inquiry-form textarea:focus-visible{outline:3px solid #f2cf81;outline-offset:2px}
    .inquiry-form .button{border:0;cursor:pointer;justify-self:start}
    .honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
    .form-notice{max-width:680px;padding:14px 18px;border:1px solid;font-weight:650;border-radius:4px}
    .form-notice.success{background:#173d3a;border-color:#5fa88b}.form-notice.error{background:#4b2530;border-color:#d5959e}
    .regular-page{padding:100px 0;min-height:70vh}.regular-page h1{font-size:clamp(2.6rem,6vw,5rem);margin-bottom:30px}.regular-page .entry-content{max-width:780px;font-size:1.1rem}.regular-page .entry-content a{color:var(--gold)}
    body:not(.home) .topbar{position:relative}
    @media(max-width:720px){.inquiry-form .form-row{grid-template-columns:1fr}.admin-bar .topbar{top:46px}}