/*
Theme Name: TheUAS Theme
Theme URI: https://theuas.in
Description: Custom mobile-first responsive theme for Universal Premier League (UPL). Cricbuzz/ESPNcricinfo inspired design.
Version: 2.3.0
Author: TheUAS
Author URI: https://theuas.in
Text Domain: theuas
*/

/* === RESET === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* === TYPOGRAPHY === */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #1C1E21; background: #F0F2F5; line-height: 1.5;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    padding-bottom: 56px !important; /* bottom nav space */
}

a { color: #0B5394; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }

/* === TOPBAR === */
.uas-topbar {
    background: #0B5394; padding: 0 16px; height: 48px;
    display: flex; align-items: center; gap: 10px;
    position: sticky; top: 0; z-index: 200;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
body.admin-bar .uas-topbar { top: 32px; }
@media (max-width: 782px) { body.admin-bar .uas-topbar { top: 46px; } }

.uas-topbar-title {
    color: #fff; font-weight: 700; font-size: 16px; flex: 1;
    text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.uas-season-dropdown {
    background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.3);
    padding: 4px 8px; border-radius: 6px; font-size: 12px; font-weight: 600;
    cursor: pointer; outline: none;
}
.uas-season-dropdown option { color: #333; background: #fff; }

/* === MAIN CONTENT === */
.uas-main {
    max-width: 960px; margin: 0 auto; min-height: calc(100vh - 104px);
}
@media (min-width: 768px) {
    .uas-main { padding: 0; }
}

/* === BOTTOM NAV === */
.uas-bnav {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #fff; border-top: 1px solid #E4E6EB;
    display: flex; z-index: 200;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-shadow: 0 -1px 4px rgba(0,0,0,.08);
}
.uas-bnav-item {
    flex: 1; text-align: center; padding: 6px 0 4px;
    cursor: pointer; text-decoration: none; display: block;
    transition: color .15s;
}
.uas-bnav-item .uas-bnav-icon { font-size: 18px; color: #65676B; display: block; line-height: 1; }
.uas-bnav-item .uas-bnav-label { font-size: 9px; font-weight: 500; color: #65676B; display: block; margin-top: 2px; }
.uas-bnav-item.active .uas-bnav-icon,
.uas-bnav-item.active .uas-bnav-label { color: #0B5394 !important; font-weight: 700 !important; }

/* Desktop: wider bottom nav items */
@media (min-width: 768px) {
    .uas-bnav { max-width: 600px; left: 50%; transform: translateX(-50%); border-radius: 12px 12px 0 0; }
    .uas-bnav-item .uas-bnav-label { font-size: 10px; }
}

/* === PAGE CONTENT === */
.uas-content { padding: 0; }
.uas-content .entry-content { padding: 0; }

/* Remove default WP title on shortcode pages */
.uas-singular .entry-title { display: none; }
.uas-front .entry-title { display: none; }

/* === FOOTER === */
.uas-footer {
    text-align: center; padding: 24px 16px 80px; font-size: 11px; color: #65676B;
}
.uas-footer a { color: #0B5394; }

/* === 404 / SEARCH === */
.uas-404, .uas-search-page { padding: 40px 16px; text-align: center; }
.uas-404 h1 { font-size: 48px; color: #0B5394; }

/* === SINGLE POST === */
.uas-single-content { max-width: 720px; margin: 0 auto; padding: 16px; }
.uas-single-content h1 { font-size: 22px; margin-bottom: 12px; }
.uas-single-content .entry-meta { font-size: 12px; color: #65676B; margin-bottom: 16px; }

/* === DESKTOP ENHANCEMENTS === */
@media (min-width: 768px) {
    .uas-topbar { padding: 0 24px; height: 52px; }
    .uas-topbar-title { font-size: 17px; }
    .uas-single-content { padding: 24px; }
}
@media (min-width: 1024px) {
    .uas-topbar { max-width: 100%; }
}