/*
Theme Name: Number One Transmissions
Theme URI: https://numberonetransmissions.com
Author: Unified Marketing
Author URI: https://unifiedmktg.com
Description: Ultra-light, body-only WordPress theme for Number One Transmissions (Oakland Park, FL). Forked from the Unified Theme. Zero framework bloat, full-bleed page rendering (the_content only), theme-owned mega-nav + clean footer, Rank Math meta + schema pass through untouched, branded agency footer credit. Rebrand via the CSS variables below.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: n1t-theme
*/

/* ============================================================
   BRAND TOKENS — flame (hot-rod) + cobalt, from the logo.
   Light corporate base (white/mist) with flame-red primary CTA and
   cobalt-blue secondary accent. Type: Anton (display) + Inter (body),
   the shared RDC / Blew Bayou system.
   ============================================================ */
:root{
  /* ink / neutrals */
  --n1t-ink:#14181f;
  --n1t-ink-soft:#3a434f;
  --n1t-muted:#6b7787;
  --n1t-line:#e7e0d4;
  --n1t-paper:#ffffff;
  /* warm linen band tints (2026 overhaul — was cool gray #f5f7fa/#eceff4) */
  --n1t-mist:#faf6ef;
  --n1t-mist2:#f3ece0;
  /* carbon (dark bands / header util / footer) */
  --n1t-carbon:#14181f;
  --n1t-carbon-2:#1c222c;
  --n1t-carbon-deep:#0b0e13;
  /* flame */
  --n1t-red:#e8201c;
  --n1t-red-deep:#c0140f;
  --n1t-orange:#f5731b;
  --n1t-yellow:#ffc20e;
  /* cobalt */
  --n1t-blue:#3d82ff;
  --n1t-blue-deep:#1f5fd6;
  --n1t-blue-soft:#e8f0ff;
  /* CTA = flame red */
  --n1t-cta:#e8201c;
  --n1t-cta-deep:#c0140f;
  /* shape */
  --n1t-radius:14px;
  --n1t-radius-sm:10px;
  --n1t-maxw:1200px;
  --n1t-gutter:clamp(18px,4vw,40px);
  --n1t-shadow:0 1px 2px rgba(16,20,32,.05),0 10px 30px rgba(16,20,32,.08);
  --n1t-shadow-lg:0 24px 60px rgba(16,20,32,.18);
  /* Type (2026 overhaul): Anton muscle caps + Fraunces serif-italic accent
     words (the warmth/craft lever) + Hanken Grotesk body (replaces Inter —
     the AI-default look). */
  --n1t-disp:"Anton","Oswald","Arial Narrow",sans-serif;
  --n1t-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --n1t-sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ============================================================
   MINIMAL RESET (body-only pages inline/link their own system via
   n1t-master.css; this sets sane defaults + styles the chrome).
   ============================================================ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:132px}
body{margin:0;font-family:var(--n1t-sans);color:var(--n1t-ink);background:var(--n1t-paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.ut-content{width:100%}
.n1t-wrap{max-width:var(--n1t-maxw);margin:0 auto;padding-inline:var(--n1t-gutter)}

/* ---- shared button system (chrome) ---- */
.n1t-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--n1t-sans);font-weight:800;font-size:15px;line-height:1;
  padding:14px 24px;border-radius:999px;border:2px solid transparent;cursor:pointer;
  transition:transform .16s ease,filter .16s ease,background .16s ease,color .16s ease}
.n1t-btn-cta{background:var(--n1t-cta);color:#fff;box-shadow:0 8px 22px rgba(232,32,28,.30)}
.n1t-btn-cta:hover{background:var(--n1t-cta-deep);transform:translateY(-2px);filter:brightness(1.03)}
.n1t-btn-cta:active{transform:translateY(0);filter:brightness(.96)}
.n1t-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.n1t-btn-outline:hover{background:#fff;color:var(--n1t-ink);transform:translateY(-2px)}
.n1t-btn-outline:active{transform:translateY(0)}
/* keyboard focus — visible on every interactive element (a11y, playbook §1B.3) */
.n1t-btn:focus-visible,.n1t-hdr a:focus-visible,.n1t-ftr a:focus-visible,
.n1t-nav a:focus-visible,.n1t-mlink:focus-visible{outline:3px solid var(--n1t-blue);outline-offset:2px;border-radius:6px}

/* ============================================================
   HEADER — utility bar + main bar + mega nav
   ============================================================ */
.n1t-hdr{position:sticky;top:0;z-index:1000;background:var(--n1t-paper);box-shadow:0 1px 0 var(--n1t-line)}
/* utility bar */
.n1t-util{background:var(--n1t-carbon);color:rgba(255,255,255,.82);font-size:13px;font-weight:500}
.n1t-util .n1t-wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:16px}
.n1t-util .locs{display:flex;gap:22px;flex-wrap:wrap}
.n1t-util .pin{color:var(--n1t-orange);font-size:9px;vertical-align:middle}
.n1t-util .emerg a{color:#fff;font-weight:800;border-bottom:2px solid var(--n1t-red);padding-bottom:1px}
.n1t-util .emerg a:hover{color:var(--n1t-yellow)}
@media(max-width:800px){.n1t-util .locs{display:none}.n1t-util .n1t-wrap{justify-content:center}}

/* main bar */
.n1t-bar .n1t-wrap{display:flex;align-items:center;gap:22px;min-height:76px}
.n1t-logo{display:flex;align-items:center;flex:0 0 auto}
.n1t-logo img{height:52px;width:auto;display:block}
.n1t-logo-txt{font-family:var(--n1t-disp);font-size:26px;letter-spacing:.01em;text-transform:uppercase;color:var(--n1t-ink);line-height:1;align-items:center}
.n1t-logo-txt em{color:var(--n1t-red);font-style:normal}

/* nav */
.n1t-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.n1t-nav>a,.item.mega>a{position:relative;display:inline-flex;align-items:center;gap:5px;
  font-weight:700;font-size:15px;color:var(--n1t-ink);padding:12px 14px;border-radius:8px}
.n1t-nav>a:hover,.item.mega>a:hover{color:var(--n1t-red)}
.n1t-nav>a::after,.item.mega>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;
  background:var(--n1t-red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.n1t-nav>a:hover::after,.item.mega:hover>a::after,.item.mega:focus-within>a::after{transform:scaleX(1)}
.n1t-nav .caret{font-size:10px;color:var(--n1t-muted);transition:transform .2s}
.item.mega:hover .caret,.item.mega:focus-within .caret{transform:rotate(180deg);color:var(--n1t-red)}
.n1t-nav-game{color:var(--n1t-blue-deep)!important;font-weight:800!important}
.n1t-nav-game::after{background:var(--n1t-blue-deep)!important}

/* header CTA */
.n1t-hdr-cta{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.n1t-hdr-phone{text-align:right;line-height:1.15}
.n1t-hdr-phone span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--n1t-muted)}
.n1t-hdr-phone a{font-family:var(--n1t-disp);font-size:22px;color:var(--n1t-ink);letter-spacing:.01em}
.n1t-hdr-phone a:hover{color:var(--n1t-red)}
.n1t-hdr-cta .n1t-btn{padding:12px 20px}

/* mega panel */
.item.mega{position:static}
.n1t-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);
  width:min(1040px,95vw);background:var(--n1t-paper);border:1px solid var(--n1t-line);
  border-radius:var(--n1t-radius);box-shadow:var(--n1t-shadow-lg);
  padding:26px;display:grid;grid-template-columns:1fr 260px;gap:24px;
  opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;z-index:1200}
.n1t-mega.sa{width:min(1120px,96vw);grid-template-columns:1fr 240px}
.item.mega:hover .n1t-mega,.item.mega:focus-within .n1t-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(6px)}
.n1t-mega-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.col-h{font-family:var(--n1t-disp);font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--n1t-muted);margin:0 0 10px;display:block}
a.col-h{color:var(--n1t-ink)}a.col-h:hover{color:var(--n1t-red)}
.n1t-mlink{display:block;padding:9px 12px;border-radius:10px;transition:background .14s}
.n1t-mlink:hover{background:var(--n1t-mist)}
.n1t-mlink b{display:block;font-size:14.5px;font-weight:700;color:var(--n1t-ink)}
.n1t-mlink:hover b{color:var(--n1t-red)}
.n1t-mlink small{display:block;font-size:12px;color:var(--n1t-muted);margin-top:2px}
/* mega feat panel */
.n1t-mega .feat{background:var(--n1t-carbon);color:#fff;border-radius:var(--n1t-radius-sm);padding:22px}
.n1t-mega .feat h4{font-family:var(--n1t-disp);font-size:20px;text-transform:uppercase;margin:0 0 8px;line-height:1.05}
.n1t-mega .feat p{font-size:13px;color:rgba(255,255,255,.72);margin:0 0 14px;line-height:1.5}
.n1t-mega .feat .fphone{display:block;font-family:var(--n1t-disp);font-size:24px;color:var(--n1t-yellow);margin-bottom:12px}
.n1t-mega .feat .n1t-btn{width:100%;padding:12px}
.n1t-mega .feat .flink{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--n1t-blue)}
.n1t-mega .feat .flink:hover{color:#fff}
/* service-areas directory */
.sa-dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 24px;align-content:start}
.sa-cities{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.sa-cities .city{font-size:13.5px;color:var(--n1t-ink-soft);padding:2px 0}
.sa-cities .city:hover{color:var(--n1t-red)}

/* burger (hidden on desktop) */
.n1t-burger{display:none}
#n1t-menu-toggle{display:none}

/* ============================================================
   TRUST BAR
   ============================================================ */
.n1t-trustbar{background:var(--n1t-mist);border-bottom:1px solid var(--n1t-line)}
.n1t-trustbar .n1t-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-height:52px;padding-block:8px}
.n1t-trustbar .tlabel{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--n1t-muted)}
.n1t-trustbar .tbadge{font-size:12.5px;font-weight:700;color:var(--n1t-ink-soft);
  padding:5px 12px;background:var(--n1t-paper);border:1px solid var(--n1t-line);border-radius:999px}
.n1t-trustbar .tbadge-logo{padding:3px 7px;display:inline-flex;align-items:center}
.n1t-trustbar .tbadge-logo img{height:26px;width:auto;display:block}
.n1t-ftr-badges{display:flex;gap:12px;align-items:center;margin:2px 0 14px}
.n1t-ftr-badges img{height:52px;width:auto;display:block;background:#fff;border-radius:8px;padding:6px}
.n1t-reviews{display:flex;align-items:center;gap:9px;margin-left:auto}
.n1t-reviews .stars{color:var(--n1t-yellow);font-size:15px;letter-spacing:1px}
.n1t-reviews .rtxt b{display:block;font-size:13px;font-weight:800;color:var(--n1t-ink)}
.n1t-reviews .rtxt small{display:block;font-size:11px;color:var(--n1t-muted)}
@media(max-width:640px){.n1t-trustbar .tbadge:nth-child(n+4){display:none}.n1t-reviews{margin-left:0}}

/* ============================================================
   MOBILE NAV (≤960) — pure-CSS right drawer, mega panels render
   static/expanded inside the drawer (no JS needed).
   ============================================================ */
@media(max-width:960px){
  .n1t-bar .n1t-wrap{min-height:64px;gap:12px}
  .n1t-logo img{height:44px}
  .n1t-logo-txt{font-size:17px}
  .n1t-hdr-cta{margin-left:auto}
  .n1t-hdr-phone{display:none}
  .n1t-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:10px;cursor:pointer;order:9}
  .n1t-burger span{height:3px;background:var(--n1t-ink);border-radius:2px;transition:.2s}
  #n1t-menu-toggle:checked ~ .n1t-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  #n1t-menu-toggle:checked ~ .n1t-burger span:nth-child(2){opacity:0}
  #n1t-menu-toggle:checked ~ .n1t-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .n1t-nav{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(90vw,360px);
    margin:0;background:var(--n1t-paper);box-shadow:var(--n1t-shadow-lg);
    flex-direction:column;align-items:stretch;gap:0;padding:78px 20px 30px;overflow-y:auto;
    transform:translateX(100%);transition:transform .28s ease;z-index:1100}
  #n1t-menu-toggle:checked ~ .n1t-nav{transform:translateX(0)}
  .n1t-nav>a,.item.mega>a{padding:14px 8px;font-size:17px;border-bottom:1px solid var(--n1t-line);border-radius:0}
  .n1t-nav>a::after,.item.mega>a::after{display:none}
  .item.mega{position:static}
  .item.mega>a .caret{margin-left:auto}
  .n1t-mega,.n1t-mega.sa{position:static;transform:none;opacity:1;visibility:visible;
    width:auto;display:block;grid-template-columns:1fr;box-shadow:none;border:0;
    padding:8px 0 14px;border-bottom:1px solid var(--n1t-line)}
  .n1t-mega-cols{grid-template-columns:1fr;gap:10px}
  .n1t-mega .feat{display:none}
  .sa-dir{grid-template-columns:1fr 1fr;gap:12px}
  .n1t-hdr-cta .n1t-btn{padding:11px 16px;font-size:14px}
}
@media(max-width:420px){.sa-dir{grid-template-columns:1fr}}

/* ============================================================
   SITE FOOTER (theme-owned)
   ============================================================ */
.n1t-ftr{background:var(--n1t-carbon-deep);color:rgba(255,255,255,.66);font-size:15px}
.n1t-ftr a{color:rgba(255,255,255,.66);transition:color .16s}
.n1t-ftr a:hover{color:#fff}

/* CTA band */
.n1t-ftr-cta{background:linear-gradient(120deg,var(--n1t-red) 0%,var(--n1t-orange) 100%);text-align:center;padding:clamp(48px,7vw,80px) 0}
.n1t-ftr-headline{font-family:var(--n1t-disp);text-transform:uppercase;line-height:.98;margin:0 0 14px;
  font-size:clamp(2.2rem,5.2vw,4rem);color:#fff}
.n1t-ftr-headline .l1,.n1t-ftr-headline .l2{display:block}
.n1t-ftr-headline .l2{color:var(--n1t-yellow)}
.n1t-ftr-cta p{color:rgba(255,255,255,.92);max-width:640px;margin:0 auto 24px;font-size:clamp(1rem,1.6vw,1.15rem)}
.n1t-btnpair{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.n1t-ftr-cta .n1t-btn-cta{background:var(--n1t-carbon-deep);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.n1t-ftr-cta .n1t-btn-cta:hover{background:#000}

/* footer grid */
.n1t-ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:40px;padding:64px var(--n1t-gutter) 40px}
.n1t-ftr-brand .flogo{font-family:var(--n1t-disp);font-size:24px;text-transform:uppercase;color:#fff;display:inline-block;margin-bottom:14px;letter-spacing:.01em}
.n1t-ftr-brand .flogo em{color:var(--n1t-red);font-style:normal}
.n1t-ftr-brand p{line-height:1.65;margin:0 0 16px;max-width:340px}
.fbadge{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px;margin-bottom:16px}
.n1t-ftr-social{display:flex;gap:10px;flex-wrap:wrap}
.n1t-ftr-social a{font-size:12.5px;font-weight:700;padding:6px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px}
.n1t-ftr-social a:hover{background:rgba(255,255,255,.08);color:#fff}
.n1t-ftr h4{font-family:var(--n1t-disp);font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:#fff;margin:0 0 16px}
.n1t-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.n1t-ftr-contact address{font-style:normal;line-height:1.6;margin:0 0 10px}
.n1t-ftr-contact address b{color:#fff}
.n1t-ftr-contact .hrs{margin:0 0 12px;font-weight:600;color:rgba(255,255,255,.8)}
.n1t-ftr-contact .fphone{display:block;font-family:var(--n1t-disp);font-size:26px;color:var(--n1t-yellow);margin-bottom:14px}
.n1t-ftr-contact .fphone:hover{color:#fff}
.n1t-ftr-quote{width:100%}

/* credit bar */
.n1t-ftr-credit{border-top:1px solid rgba(255,255,255,.1)}
.n1t-ftr-credit .n1t-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;gap:14px;padding-block:26px;font-size:13px;letter-spacing:.01em}
.n1t-ftr-credit .cyear{color:rgba(255,255,255,.55)}
.n1t-credit-logo{display:inline-flex;flex-direction:column;align-items:center;gap:7px}
.n1t-credit-logo span{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.n1t-credit-logo svg{height:15px;width:auto;opacity:.82;transition:opacity .18s}
.n1t-credit-logo:hover svg{opacity:1}
.n1t-credit-logo:focus-visible{outline:3px solid var(--n1t-blue);outline-offset:3px;border-radius:6px}

@media(max-width:900px){
  .n1t-ftr-grid{grid-template-columns:1fr 1fr;gap:30px;padding:52px 22px 32px}
  .n1t-ftr-brand{grid-column:1 / -1}
}
@media(max-width:560px){
  .n1t-ftr-grid{grid-template-columns:1fr;text-align:left}
  .n1t-ftr-credit .n1t-wrap{flex-direction:column;text-align:center}
}