/*
Theme Name: Lock of the Century
Theme URI: https://example.com/
Author: Lock of the Century
Description: A dark-and-gold sports data theme built for the FBR ranking and betting record site. Wide content column for stat tables, sticky navigation, team-color friendly, with a built-in Buy Me a Coffee spot in the footer (set the link under Appearance → Customize → Lock of the Century).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lock-of-the-century
*/

:root{
	--lotc-ink:#1c2128;
	--lotc-paper:#fbfaf7;
	--lotc-card:#ffffff;
	--lotc-dark:#0f1621;
	--lotc-dark2:#161f2e;
	--lotc-gold:#c9a227;
	--lotc-gold-soft:#e6c968;
	--lotc-muted:#6b7280;
	--lotc-line:rgba(20,30,45,.12);
	--lotc-max:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;
	background:var(--lotc-paper);
	color:var(--lotc-ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
	font-size:16.5px;
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--lotc-link,#8a6d15);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--lotc-link-h,#6f570f)}

h1,h2,h3,h4{line-height:1.18;letter-spacing:-.01em;color:var(--lotc-head,#141a22)}
h1{font-size:2rem;margin:.2em 0 .5em}
h2{font-size:1.5rem;margin:1.2em 0 .5em}
h3{font-size:1.15rem;margin:1.4em 0 .45em}

/* ---------- header ---------- */
.lotc-header{
	position:sticky;top:0;z-index:50;
	background:linear-gradient(180deg,var(--lotc-dark),var(--lotc-dark2));
	border-bottom:3px solid var(--lotc-gold);
	color:#eef1f6;
}
.lotc-header-in{
	max-width:var(--lotc-max);margin:0 auto;padding:.65em 1.1em;
	display:flex;align-items:center;gap:1.1em;flex-wrap:wrap;
}
.lotc-brand{display:flex;align-items:center;gap:.6em;text-decoration:none;color:#fff}
.lotc-brand:hover{color:#fff}
.lotc-mark{width:34px;height:34px;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.lotc-title{font-size:1.22rem;font-weight:800;letter-spacing:.01em;line-height:1.1}
.lotc-title small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lotc-gold-soft)}
.lotc-nav{margin-left:auto}
.lotc-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.15em;margin:0;padding:0}
.lotc-nav a{
	display:inline-block;padding:.5em .72em;border-radius:8px;
	color:#dfe5ee;text-decoration:none;font-size:.92rem;font-weight:600;
}
.lotc-nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.lotc-nav .current-menu-item>a,.lotc-nav .current_page_item>a{background:var(--lotc-gold);color:#171207}

/* ---------- content ---------- */
.lotc-main{max-width:var(--lotc-max);margin:0 auto;padding:1.6em 1.1em 3em}
.lotc-article>header h1{border-left:5px solid var(--lotc-gold);padding-left:.5em}
.entry-content>p:first-child{font-size:1.03em}

/* Let the plugin's tables breathe on desktop */
.entry-content table{background:var(--lotc-card)}
.fbr-card{background:var(--lotc-card)}
.fbr-wrap thead th{color:#39414d}

/* ---------- footer ---------- */
.lotc-footer{
	background:var(--lotc-dark);color:#c6cdd8;margin-top:3em;
	border-top:3px solid var(--lotc-gold);
}
.lotc-footer-in{
	max-width:var(--lotc-max);margin:0 auto;padding:2em 1.1em 1.4em;
	display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2em;
}
.lotc-footer h4{color:#fff;margin:.1em 0 .5em;font-size:1rem}
.lotc-footer a{color:#e4d9ac;text-decoration:none}
.lotc-footer a:hover{color:#fff;text-decoration:underline}
.lotc-footer ul{list-style:none;margin:0;padding:0}
.lotc-footer li{margin:.28em 0}
.lotc-foot-brand p{margin:.4em 0 0;font-size:.93rem;opacity:.85}
.lotc-donate-btn{
	display:inline-block;background:var(--lotc-gold);color:#171207!important;
	font-weight:800;padding:.6em 1.1em;border-radius:10px;text-decoration:none!important;
	box-shadow:0 2px 0 rgba(0,0,0,.35);
}
.lotc-donate-btn:hover{filter:brightness(1.07)}
.lotc-donate-note{font-size:.85rem;opacity:.8;margin-top:.5em}
.lotc-smallprint{
	max-width:var(--lotc-max);margin:0 auto;padding:1em 1.1em 1.4em;
	border-top:1px solid rgba(255,255,255,.12);
	font-size:.85rem;display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;opacity:.75;
}

/* ---------- misc ---------- */
.lotc-skip{position:absolute;left:-9999px}
.lotc-skip:focus{left:1em;top:1em;background:#fff;padding:.5em 1em;z-index:99;border-radius:8px}
.wp-block-image{margin:1em 0}
blockquote{border-left:4px solid var(--lotc-gold);margin:1em 0;padding:.2em 1em;background:rgba(201,162,39,.06)}
code,pre{background:#eef0f3;border-radius:6px;padding:.1em .35em}

@media(max-width:900px){
	.lotc-footer-in{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
	body{font-size:15.5px}
	.lotc-header-in{padding:.55em .8em}
	.lotc-nav{margin-left:0;width:100%}
	.lotc-nav a{padding:.42em .55em;font-size:.88rem}
	.lotc-main{padding:1.1em .8em 2.2em}
	.lotc-footer-in{grid-template-columns:1fr;gap:1.3em}
}

/* ---------- dark mode ---------- */
.lotc-mode{margin-left:.4em;background:transparent;border:1px solid rgba(255,255,255,.35);color:#e6c968;border-radius:8px;width:34px;height:34px;font-size:1rem;cursor:pointer;line-height:1}
.lotc-mode:hover{background:rgba(255,255,255,.1)}
html[data-theme=dark]{
	--lotc-paper:#10151d;--lotc-ink:#dbe1e9;--lotc-card:#171e29;
	--lotc-line:rgba(255,255,255,.14);--lotc-muted:#94a0b0;
	--lotc-head:#eef1f6;--lotc-link:#d9bf5f;--lotc-link-h:#eed98a;
}
@media (prefers-color-scheme: dark){
	html:not([data-theme=light]){
		--lotc-paper:#10151d;--lotc-ink:#dbe1e9;--lotc-card:#171e29;
		--lotc-line:rgba(255,255,255,.14);--lotc-muted:#94a0b0;
		--lotc-head:#eef1f6;--lotc-link:#d9bf5f;--lotc-link-h:#eed98a;
	}
}
html[data-theme=dark] blockquote{background:rgba(201,162,39,.10)}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) blockquote{background:rgba(201,162,39,.10)}}
html[data-theme=dark] code,html[data-theme=dark] pre{background:#1c2432}
@media (prefers-color-scheme: dark){html:not([data-theme=light]) code,html:not([data-theme=light]) pre{background:#1c2432}}