/*
Theme Name: DA Gridiron Football
Theme URI: https://example.com/
Author: Custom
Description: Bold football news and community theme for high school, college, NFL, bands, cheerleaders, podcasts, shopping and football picks.
Version: 1.0.0
Text Domain: da-gridiron
*/

:root{
  --dg-black:#0b0b0b;
  --dg-charcoal:#1d1d1d;
  --dg-gold:#f2b705;
  --dg-orange:#e86a00;
  --dg-cream:#fff4d0;
  --dg-white:#ffffff;
  --dg-muted:#bcbcbc;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0b0b0b;color:#f6f6f6;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:var(--dg-gold)}
a:hover{color:#fff}
.dg-site{min-height:100vh;background:radial-gradient(circle at top,#2b1b00 0,#111 28%,#090909 65%)}
.dg-header-image{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;border-bottom:4px solid var(--dg-gold)}
.dg-nav{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.96);border-bottom:1px solid #3a2d00;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.dg-nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px}
.dg-brand{font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none}
.dg-brand span{color:var(--dg-gold)}
.dg-menu,.dg-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.dg-menu a{color:#fff;text-decoration:none;font-weight:700;font-size:.95rem}
.dg-menu a:hover{color:var(--dg-gold)}
.dg-main{max-width:1200px;margin:auto;padding:28px 18px 50px}
.dg-hero-intro{text-align:center;padding:22px 12px 34px}
.dg-hero-intro h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0 0 12px;color:#fff;text-transform:uppercase;text-shadow:0 4px 14px #000}
.dg-hero-intro h1 span{color:var(--dg-gold)}
.dg-hero-intro p{max-width:780px;margin:0 auto;color:#ddd;font-size:1.08rem}
.dg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dg-tile{position:relative;min-height:190px;border:1px solid #443300;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#181818,#070707);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.dg-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(242,183,5,.16),transparent 45%,rgba(232,106,0,.1));pointer-events:none}
.dg-tile a{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;text-decoration:none;color:#fff}
.dg-tile .icon{font-size:2.3rem;margin-bottom:auto}
.dg-tile h2{margin:16px 0 2px;font-size:1.45rem;text-transform:uppercase}
.dg-tile p{margin:0;color:#d0d0d0;font-size:.94rem}
.dg-tile:hover{transform:translateY(-3px);border-color:var(--dg-gold);transition:.18s ease}
.dg-section{margin-top:36px;background:#111;border:1px solid #2c2c2c;border-radius:16px;padding:24px}
.dg-section h2{margin-top:0;text-transform:uppercase;color:var(--dg-gold)}
.dg-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dg-card{background:#161616;border:1px solid #333;border-radius:14px;overflow:hidden}
.dg-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.dg-card-body{padding:16px}
.dg-card h3{margin:0 0 8px}
.dg-meta{font-size:.85rem;color:#aaa}
.dg-button,.wp-block-button__link,input[type=submit],button{display:inline-block;border:0;border-radius:8px;padding:10px 16px;background:linear-gradient(135deg,var(--dg-gold),var(--dg-orange));color:#111!important;font-weight:900;text-decoration:none;cursor:pointer}
.dg-content{background:#111;border:1px solid #2d2d2d;border-radius:16px;padding:26px}
.dg-content h1,.dg-content h2,.dg-content h3{color:var(--dg-gold)}
.dg-footer{border-top:3px solid var(--dg-gold);background:#050505;padding:28px 18px;color:#aaa;text-align:center}
.comment-list{list-style:none;padding:0}.comment-body{background:#161616;border:1px solid #333;border-radius:10px;padding:14px;margin:12px 0}.comment-form input,.comment-form textarea{width:100%;padding:10px;background:#0d0d0d;border:1px solid #444;color:#fff;border-radius:8px}.comment-form label{display:block;margin-top:10px}
@media(max-width:900px){.dg-grid,.dg-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-nav-inner{align-items:flex-start;flex-direction:column}.dg-nav{position:static}}
@media(max-width:620px){.dg-grid,.dg-post-grid{grid-template-columns:1fr}.dg-main{padding-left:12px;padding-right:12px}.dg-menu,.dg-menu ul{gap:10px}.dg-menu a{font-size:.88rem}}