/*
Theme Name:   SB Time Child
Theme URI:    https://superbowltime.org/
Description:  Super Bowl Time brand theme (Kadence child). Raspberry + teal + ink palette from the logo, self-hosted Oswald and Inter, content-first layout for AdSense. Works with the SB Time Hub plugin.
Author:       Super Bowl Time
Template:     kadence
Version:      1.0.2
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  sbt-child
*/

/* ---------- Fonts (self-hosted) ---------- */
@font-face{font-family:"Oswald";font-style:normal;font-weight:500 700;font-display:swap;src:url(assets/fonts/oswald-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/inter-latin-700-normal.woff2) format("woff2")}

/* ---------- Brand tokens (override Kadence palette) ---------- */
html:root{
	--global-palette1:#C82058;
	--global-palette2:#9A1543;
	--global-palette3:#141A2E;
	--global-palette4:#1E2433;
	--global-palette5:#4A5268;
	--global-palette6:#6B7590;
	--global-palette7:#E3E6EF;
	--global-palette8:#F5F6FA;
	--global-palette9:#FFFFFF;
	--global-body-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
	--global-heading-font-family:"Oswald","Arial Narrow",Arial,sans-serif;
	--global-primary-nav-font-family:"Oswald","Arial Narrow",Arial,sans-serif;
	--sbt-primary:#C82058;
	--sbt-primary-dark:#9A1543;
	--sbt-accent:#2FC1CC;
	--sbt-live:#E5394A;
	--sbt-ink:#141A2E;
	--sbt-muted:#6B7590;
	--sbt-light:#F5F6FA;
	--sbt-border:#E3E6EF;
	--sbt-pink-tint:#FCE8EF;
}
.sbth{--sbth-head:"Oswald","Arial Narrow",Arial,sans-serif}

/* ---------- Base ---------- */
body{font-family:var(--global-body-font-family);color:var(--sbt-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.entry-content{font-size:18px;line-height:1.75}
@media (max-width:767px){.entry-content{font-size:17px}}
h1,h2,h3,h4,.entry-title,.site-title{font-family:var(--global-heading-font-family);color:var(--sbt-ink);letter-spacing:.2px}
h1,.entry-title{font-weight:700;text-transform:uppercase;line-height:1.15}
.entry-content h2{font-weight:600;font-size:clamp(1.45rem,3.2vw,1.85rem);line-height:1.25;margin:1.8em 0 .6em;padding-left:14px;border-left:5px solid var(--sbt-primary)}
.entry-content h3{font-weight:600;font-size:clamp(1.2rem,2.6vw,1.4rem);margin:1.5em 0 .5em;color:var(--sbt-primary-dark)}
.entry-content a{color:var(--sbt-primary-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:hover{color:var(--sbt-primary)}
.entry-content ul li::marker{color:var(--sbt-primary)}
.entry-content strong{color:var(--sbt-ink)}
::selection{background:var(--sbt-primary);color:#fff}

/* Highlighted info paragraph (Kadence "background" paragraphs) */
.entry-content p.has-background{border-radius:12px;padding:18px 22px;border-left:5px solid var(--sbt-accent)}

/* Core tables */
.entry-content .wp-block-table table,.entry-content table:not(.sbth-table){border-collapse:collapse;width:100%;font-size:16px}
.entry-content .wp-block-table thead th,.entry-content table:not(.sbth-table) thead th{background:var(--sbt-ink);color:#fff;font-family:var(--global-body-font-family);font-size:13px;text-transform:uppercase;letter-spacing:.4px;border:0}
.entry-content .wp-block-table td,.entry-content .wp-block-table th,.entry-content table:not(.sbth-table) td,.entry-content table:not(.sbth-table) th{padding:10px 12px;border:0;border-bottom:1px solid var(--sbt-border);text-align:left}
.entry-content .wp-block-table tbody tr:nth-child(even),.entry-content table:not(.sbth-table) tbody tr:nth-child(even){background:var(--sbt-light)}

/* Buttons */
.wp-block-button__link,.button,button.kb-button,input[type=submit]{background:var(--sbt-primary);color:#fff;border-radius:8px;font-weight:600}
.wp-block-button__link:hover,.button:hover,input[type=submit]:hover{background:var(--sbt-primary-dark);color:#fff}

/* Images */
.entry-content figure img{border-radius:12px}
.entry-content figcaption{font-size:14px;color:var(--sbt-muted);text-align:center}

/* FAQ (Rank Math / details) */
.entry-content details{border:1px solid var(--sbt-border);border-radius:10px;padding:12px 16px;margin:10px 0;background:#fff}
.entry-content details summary{font-weight:700;cursor:pointer;color:var(--sbt-ink)}
.entry-content details[open] summary{color:var(--sbt-primary-dark);margin-bottom:8px}
.rank-math-list-item{border-bottom:1px solid var(--sbt-border);padding:6px 0}
.rank-math-question{font-family:var(--global-heading-font-family);font-weight:600;color:var(--sbt-ink)}

/* ---------- Top bar ---------- */
.sbt-topbar{background:var(--sbt-ink);color:#fff;font-size:13px;line-height:1.3;text-align:center;padding:8px 12px;min-height:34px}
.sbt-topbar__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sbt-accent);margin-right:8px;vertical-align:1px}
.sbt-topbar strong{color:#F4B6C9;font-weight:600}
.sbt-topbar .sbth-days{color:var(--sbt-accent);font-weight:700}

/* ---------- Header ---------- */
#masthead .site-header-wrap,#masthead .site-main-header-wrap .site-header-row-container-inner{background:#fff}
#masthead .site-main-header-wrap{border-bottom:3px solid var(--sbt-primary)}
.main-navigation .primary-menu-container>ul>li.menu-item>a,.mobile-navigation ul li>a{font-family:var(--global-primary-nav-font-family);font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--sbt-ink)}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover,.main-navigation .primary-menu-container>ul>li.current-menu-item>a{color:var(--sbt-primary)}
.main-navigation .primary-menu-container>ul>li.current-menu-item>a{box-shadow:inset 0 -3px 0 var(--sbt-primary)}
.header-navigation .header-menu-container ul ul{border-top:3px solid var(--sbt-primary)}
.custom-logo{max-height:56px;width:auto}

/* ---------- Page title area ---------- */
.entry-hero .entry-header,.entry-header{margin-bottom:.6em}
.entry-meta{color:var(--sbt-muted);font-size:14px}

/* ---------- Ad slots (reserve space = no CLS) ---------- */
.sbt-ad{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.75em auto;min-height:280px;width:100%;overflow:hidden}
.sbt-ad--leader{min-height:100px}
.sbt-ad::before{content:"Advertisement";font-size:10px;color:var(--sbt-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}

/* ---------- Footer ---------- */
#colophon,#colophon .site-footer-row-container-inner{background:var(--sbt-ink);color:#C9CDDA}
#colophon a{color:#fff}
#colophon a:hover{color:var(--sbt-accent)}
#colophon .widget-title,#colophon h2,#colophon h3{color:#fff}
.sbt-disclaimer{background:#0D1222;color:#9AA2B8;font-size:12.5px;line-height:1.6;text-align:center;padding:14px 16px}
.sbt-disclaimer a{color:#C9CDDA}

@media (max-width:600px){.sbt-topbar{font-size:12px;padding:7px 10px}}
.sbt-footer-links ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px}
.sbt-footer-links a{color:#fff;font-weight:600;text-decoration:none;font-size:13px}
.sbt-footer-links a:hover{color:var(--sbt-accent)}
.sbt-disclaimer__text{margin:0}