/*
Theme Name: TRU Twin Rivers United (Latest v3)
Theme URI: https://twinriversunited.com/
Author: ChatGPT
Description: Clean, simple club theme with hero image, Next Match, Latest Result, Sponsors strip, and Social Feed. Includes Matches/Players CPTs, Customizer image controls, and shortcodes.
Version: 1.0.2
Text Domain: tru-twin-rivers-united
*/

:root{
  --primary:#3b482b;
  --primary-hover:#323d25;
  --bg:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}

a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-hover)}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:12px;padding:14px 0}
.brand__logo img{width:108px;height:108px;object-fit:cover;border-radius:8px;display:block}
.brand__fallback{width:108px;height:108px;border-radius:8px;background:var(--primary);display:block}
.brand__title{font-weight:800;letter-spacing:.2px}

/* navigation: remove bullets, add spacing */
.nav,.nav ul,.nav li,.menu,.menu ul,.menu li{list-style:none;margin:0;padding:0}
.nav{display:flex;gap:32px}
.nav li{display:inline-block}
.nav a{display:inline-block;padding:12px 0;font-weight:600}

/* hero: background image only, 360px tall, rounded corners */
.hero{height:360px;border-radius:16px;overflow:hidden;background:#fff}
.hero.hero--image{background-repeat:no-repeat;background-position:center;background-size:contain}

/* sections/cards */
.section{padding:40px 0}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}
.grid{display:grid;gap:24px}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.grid--2{grid-template-columns:1fr}}

/* buttons/badges */
.badge{display:inline-block;background:var(--primary);color:#fff;border:1px solid var(--primary);padding:8px 14px;border-radius:9999px;text-decoration:none}
.badge:hover{background:var(--primary-hover);color:#fff}

/* tables */
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}

/* sponsors strip */
.sponsors-grid{display:grid;gap:16px;align-items:center;justify-items:center}
.sponsors-grid--2{grid-template-columns:repeat(2,1fr)}
.sponsor img{height:56px;max-width:100%;display:block;object-fit:contain}
.card--center{max-width:760px;margin:0 auto}

/* social feed centering */
.social-embed-box,.social-embed{display:flex;justify-content:center}
.social-embed-box iframe,.social-embed-box blockquote,.social-embed iframe,.social-embed blockquote{display:block;max-width:720px;width:100%;margin:0 auto;border:0}
.instagram-media{margin:0 auto !important;max-width:720px !important;width:100% !important}

/* roster page title white */
body.page-template-page-roster-php h1,
body.page-template-page-roster-php .entry-title,
body.page-template-page-roster-php .section h1{color:#fff}

/* home page spacing between two cards */
.home .grid--2{column-gap:32px;row-gap:24px}

/* menu bullets removed */
.nav li::marker,.menu li::marker{content:none}