/*
Theme Name: TheUAS
Theme URI: https://theuas.in
Author: TheUAS
Description: Custom mobile-first theme for Universal Premier League (UPL). Bottom nav, card layout, sports design matching uas-v16.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: theuas
*/

/* ===== BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #212121; background: #F5F5F5; line-height: 1.5; -webkit-font-smoothing: antialiased; min-height: 100vh; padding-bottom: 56px; /* space for bottom nav */ }
a { color: #0B5394; text-decoration: none; }
img { max-width: 100%; height: auto; }
h1,h2,h3,h4 { line-height: 1.3; font-weight: 700; }

/* ===== TOP BAR (v16 TopBar) ===== */
.uas-topbar { background: #0B5394; padding: 12px 16px; display: flex; align-items: center; gap: 10px; position: sticky; top: 0; z-index: 100; }
body.admin-bar .uas-topbar { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .uas-topbar { top: 46px; } }
.uas-topbar-title { color: #fff; font-weight: 700; font-size: 17px; flex: 1; }
.uas-topbar-back { color: #fff; font-size: 22px; cursor: pointer; text-decoration: none; line-height: 1; }
.uas-topbar a { color: #fff; text-decoration: none; }
.uas-topbar .uas-season-select { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 4px; }
.uas-topbar .uas-season-select option { color: #212121; background: #fff; }

/* ===== BOTTOM NAV (v16 bnav) ===== */
.uas-bnav { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #E0E0E0; display: flex; z-index: 100; padding-bottom: env(safe-area-inset-bottom, 0px); }
.uas-bnav-item { flex: 1; text-align: center; padding: 6px 0; cursor: pointer; text-decoration: none; display: block; }
.uas-bnav-item .uas-bnav-icon { font-size: 18px; color: #9E9E9E; }
.uas-bnav-item .uas-bnav-label { font-size: 10px; font-weight: 400; color: #9E9E9E; }
.uas-bnav-item.active .uas-bnav-icon,
.uas-bnav-item.active .uas-bnav-label { color: #0B5394; font-weight: 700; }

/* ===== MAIN CONTENT ===== */
.uas-main { min-height: calc(100vh - 48px - 56px); }

/* ===== PAGE TEMPLATES ===== */
.uas-page-content { padding-bottom: 16px; }

/* Single post */
.uas-single-wrap { background: #fff; padding: 16px; }
.uas-single-wrap h1 { font-size: 1.5rem; margin-bottom: 8px; }
.uas-single-meta { font-size: 11px; color: #9E9E9E; margin-bottom: 16px; }
.uas-single-body { font-size: 14px; line-height: 1.8; }
.uas-single-body h2 { font-size: 1.2rem; margin: 24px 0 8px; }
.uas-single-body p { margin-bottom: 12px; }
.uas-single-body ul, .uas-single-body ol { margin: 8px 0 8px 20px; }

/* Blog listing */
.uas-post-card { background: #fff; margin-bottom: 4px; padding: 16px; border-bottom: 1px solid #EEE; }
.uas-post-card h2 { font-size: 15px; margin-bottom: 4px; }
.uas-post-card h2 a { color: #212121; }
.uas-post-card .uas-post-meta { font-size: 10px; color: #9E9E9E; margin-bottom: 6px; }
.uas-post-card .uas-post-excerpt { font-size: 13px; color: #757575; }

/* 404 */
.uas-404 { padding: 60px 20px; text-align: center; }
.uas-404-code { font-size: 5rem; font-weight: 900; color: #D0E2F2; }
.uas-404 h1 { margin: 8px 0; }
.uas-404 p { color: #9E9E9E; }

/* ===== WP OVERRIDES ===== */
.wp-block-image { margin: 12px 0; }
.alignleft { float: left; margin: 0 16px 8px 0; }
.alignright { float: right; margin: 0 0 8px 16px; }
.aligncenter { display: block; margin: 8px auto; }

/* ===== RESPONSIVE ===== */
@media (min-width: 768px) {
    .uas-main { max-width: 960px; margin: 0 auto; padding: 0 16px; }
    body { padding-bottom: 0 !important; }
    .uas-bnav { display: none !important; }
    .uas-topbar { padding: 12px 24px; }
}
@media (min-width: 1200px) {
    .uas-main { max-width: 1100px; }
}

/* ===== SEASON DROPDOWN (v2.2) ===== */
.uas-season-dropdown {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
    padding-right: 20px;
}
.uas-season-dropdown option {
    background: #0B5394;
    color: #fff;
}

/* ===== ARCHIVE BANNER ===== */
.upl-archive-banner {
    background: #FFF3E0;
    color: #E65100;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #FFE0B2;
}
.upl-archive-banner a {
    color: #0B5394;
    text-decoration: underline;
    margin-left: 6px;
}