
/*
Theme Name: TucsonBuzz
Theme URI: https://example.com/tucsonbuzz
Author: You
Description: Social-style community news theme focused on tags, sponsored posts, and UGC. Demo-ready with profile & submit screens.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: tucsonbuzz
*/

:root{
  --tb-black:#111;
  --tb-text:#1f2937;
  --tb-muted:#6b7280;
  --tb-border:#e5e7eb;
  --tb-bg:#fafafa;
  --tb-primary:#ff7a18;
  --tb-primary-2:#ffb347;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  color:var(--tb-text);
  background:var(--tb-bg);
  line-height:1.6;
}
a{color:#0f172a;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 16px}

.tb-header{
  position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--tb-border);
}
.tb-header__row{display:flex;align-items:center;gap:16px;height:66px}
.tb-logo{font-weight:800;letter-spacing:.2px}
.tb-logo a{color:#000;font-size:28px}
.tb-search{flex:1;display:flex;align-items:center;border:1px solid var(--tb-border);border-radius:12px;padding:10px 14px;background:#fff}
.tb-search input{border:0;outline:0;width:100%;font-size:16px;color:#111;background:transparent}
.tb-icogroup{display:flex;align-items:center;gap:16px}
.tb-ico{width:22px;height:22px;display:inline-block;opacity:.9}
.tb-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid var(--tb-border)}

.tb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.tb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tb-grid{grid-template-columns:1fr} .tb-header__row{height:60px} .tb-logo a{font-size:22px}}

.tb-card{background:#fff;border:1px solid var(--tb-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.tb-card img{width:100%;height:200px;object-fit:cover;display:block}
.tb-card .p{padding:14px}
.tb-tag{display:inline-block;background:#eef2ff;color:#1f2a5a;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.tb-title{font-weight:800;font-size:20px;line-height:1.2;margin:8px 0}
.tb-meta{font-size:13px;color:var(--tb-muted)}

.tb-footer{margin-top:40px;background:#fff;border-top:1px solid var(--tb-border)}
.tb-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:32px 0}
.tb-footer h4{margin:0 0 10px 0}
.tb-subscribe{display:flex;gap:8px}
.tb-subscribe input{flex:1;border:1px solid var(--tb-border);border-radius:10px;padding:10px}
.tb-subscribe button{background:var(--tb-black);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
.tb-footbar{border-top:1px solid var(--tb-border);padding:12px 0;color:var(--tb-muted);font-size:14px}

.tb-tabs{display:flex;gap:18px;border-bottom:1px solid var(--tb-border);margin-bottom:16px}
.tb-tab{padding:12px 0;border-bottom:2px solid transparent;color:var(--tb-muted);font-weight:600}
.tb-tab.active{border-color:#111;color:#111}
.tb-inline-ad{background:#fff5e6;border:1px solid #ffe8cc;border-radius:14px;padding:12px;margin:10px 0}
.tb-sponsored{background:#fff0f0;border:1px dashed #ffb1b1;color:#a40000;padding:3px 8px;font-size:12px;border-radius:6px}
.tb-btn{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}
.tb-btn.secondary{background:#fff;color:#111;border:1px solid var(--tb-border)}
.hidden{display:none}
*/