/*
Theme Name: TakeOver
Theme URI: https://takeover.llc
Author: TakeOver.llc
Author URI: https://takeover.llc
Description: Minimal, full-width theme built for the TakeOver board. The homepage is the board itself, edge to edge, with a light/dark header that follows the plugin's theme setting. Pairs with the TakeOver Core plugin.
Version: 0.2.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: takeover-theme
*/

:root{ --tko-header-h:66px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.tko-site{overflow-x:hidden;font-family:"Barlow",system-ui,-apple-system,sans-serif;line-height:1.55}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}

/* shared bar layout */
.tko-site-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto;padding:0 40px;height:var(--tko-header-h)}
.tko-brand{font-family:"Barlow Condensed",system-ui,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.01em}
.tko-site-nav{display:flex;align-items:center;gap:26px;font-size:15px}
.tko-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.tko-menu a:hover{color:#2563eb}
.tko-cta{background:#2563eb;color:#fff !important;padding:9px 18px;border-radius:10px;font-weight:600}
.tko-cta:hover{background:#1d4ed8}

/* LIGHT (default) */
.tko-theme-light{background:#eef1f6;color:#141a22}
.tko-theme-light .tko-site-header{background:#fff;border-bottom:1px solid rgba(20,26,34,.10)}

/* DARK — follows the plugin theme setting */
.tko-theme-dark{background:#0f1216;color:#e8edf3}
.tko-theme-dark .tko-site-header{background:#0b0e12;border-bottom:1px solid rgba(232,237,243,.12)}
.tko-theme-dark .tko-menu a:hover{color:#5aa2ff}

.tko-site-header{position:relative;z-index:10}
.tko-site-main{min-height:60vh}

/* regular content pages (How it works, leaderboard text, etc.) */
.tko-page{max-width:1000px;margin:0 auto;padding:34px 40px}
.tko-page h1,.tko-page h2,.tko-page h3{font-family:"Barlow Condensed",system-ui,sans-serif}

/* footer (navigation lives here now) */
.tko-site-main{padding-top:0}
.tko-site-footer{border-top:1px solid rgba(128,128,128,.2);margin-top:48px;padding:26px 0 34px}
.tko-site-footer .tko-site-bar{height:auto}
.tko-foot-brand{font-family:"Barlow Condensed",system-ui,sans-serif;font-weight:700;font-size:22px}
.tko-foot-nav{display:flex}
.tko-foot-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:14px}
.tko-foot-menu a:hover{color:#2563eb}
.tko-foot-fine{max-width:1440px;margin:14px auto 0;padding:0 40px;font-size:12px;opacity:.6}
@media(max-width:640px){.tko-foot-fine{padding:0 20px}}

@media(max-width:640px){
	.tko-site-bar{padding:0 20px}
	.tko-site-nav{gap:16px;font-size:14px}
	.tko-page{padding:26px 20px}
}