/*
Theme Name: Buzz Mountain
Template: twentytwentyfive
Description: Twenty Twenty-Five dressed up to match the Buzz Mountain splash/about pages. Black, gold, Open Sans Condensed and Gugi.
Version: 1.1.2
Author: Buzz Mountain
Text Domain: buzzmtn
*/

/* ---------- base ---------- */
html{scroll-behavior:smooth}
body{
  background:#090909 !important;
  color:#eee !important;
  font-family:"Open Sans Condensed",Arial,sans-serif !important;
  font-size:20px;
  line-height:1.55;
}
a{color:#d6a72d;text-decoration:none}
a:hover,a:focus{color:#f2c94c}
.wp-site-blocks{padding-top:0 !important}
.wp-site-blocks > *{margin-block-start:0}
main.wp-block-group{padding-top:45px;padding-bottom:60px}

/* ---------- nav (same as the splash) ---------- */
.buzz-nav{background:#050505;border-bottom:1px solid #333;padding:14px 20px;position:sticky;top:0;z-index:100}
body.admin-bar .buzz-nav{top:32px}
.buzz-nav-inner{max-width:1100px;margin:auto;display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.buzz-nav a{color:#ddd;text-transform:uppercase;font-weight:700;letter-spacing:.8px;font-size:17px}
.buzz-nav a:hover,.buzz-nav a.active{color:#d6a72d}
.buzz-nav a.buzz-nav-member{color:#888;font-size:14px;align-self:center}
.buzz-nav a.buzz-nav-member:hover{color:#d6a72d}

/* ---------- hero (blog front) ---------- */
.buzz-hero{min-height:46vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 20px;
  background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.74)),url('/images/buzzmtn-mountain-sunset-locked.jpg') center/cover no-repeat}
.buzz-hero-inner{max-width:900px}
.buzz-kicker{color:#d6a72d;font-size:18px;letter-spacing:2px;font-weight:700;text-transform:uppercase}
.buzz-hero h1{margin:12px 0 17px;color:#fff;font-family:"Gugi",sans-serif !important;font-size:72px;line-height:1.08;font-weight:400;letter-spacing:1px;text-transform:none;text-shadow:0 4px 14px rgba(0,0,0,.95)}
.buzz-hero p{font-size:27px;line-height:1.4;margin:15px auto 0;color:#eee;max-width:760px;text-shadow:0 2px 8px #000}

/* pages with a banner: the banner IS the title */
body.buzz-has-hero:not(.buzz-standalone) main h1{display:none !important}

/* ---------- standalone pages (Radio, Request, Photos, About) ---------- */
.buzz-main{max-width:1000px;margin:auto;padding:55px 24px 70px}
.buzz-box{border:2px solid #d6a72d;background:#121212;padding:32px;margin:0 auto 48px}
.buzz-box h2{color:#fff;font-size:40px;line-height:1.1;margin:0 0 16px;text-transform:uppercase}
.buzz-section{margin:50px 0}
.buzz-section h2{color:#d6a72d;font-size:38px;line-height:1.1;margin:0 0 18px;text-transform:uppercase}
.buzz-section p{margin:0 0 22px}
.buzz-section strong,.buzz-box strong{color:#fff}
.buzz-photo{margin:38px auto;border:2px solid #d6a72d;background:#111;padding:6px;max-width:900px}
.buzz-photo img{display:block;width:100%;height:auto}
.buzz-punch{border-left:5px solid #d6a72d;padding:12px 20px;margin:32px 0;background:#111;font-size:25px}
.buzz-off{margin-top:60px;text-align:center;font-size:42px;font-weight:700;color:#d6a72d;text-transform:uppercase}
.buzz-btn{display:inline-block;border:2px solid #d6a72d;color:#fff !important;padding:12px 24px;font-weight:700;
  text-transform:uppercase;letter-spacing:1px;border-radius:6px;margin:4px;font-size:18px}
.buzz-btn:hover{background:#d6a72d;color:#090909 !important}
.buzz-center{text-align:center}
.buzz-small{font-size:15px;color:#888}

/* ---------- headings ---------- */
h1,h2,h3,h4,h5,h6,.wp-block-post-title,.wp-block-query-title{
  font-family:"Open Sans Condensed",Arial,sans-serif !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}
.wp-block-post-title,.wp-block-query-title{color:#fff !important;text-transform:uppercase;font-size:44px !important}
.wp-block-post-title a{color:#fff !important}
.wp-block-post-title a:hover{color:#d6a72d !important}
.wp-block-post-template .wp-block-post-title{font-size:34px !important}
.entry-content h2,.wp-block-post-content h2{color:#d6a72d !important;text-transform:uppercase;font-size:38px !important;margin:44px 0 18px}
.entry-content h3,.wp-block-post-content h3{color:#fff !important;font-size:28px !important;margin:30px 0 12px}
.wp-block-post-content strong{color:#fff}

/* dates, authors, categories */
.wp-block-post-date,.wp-block-post-author-name,.wp-block-post-terms,.wp-block-post-date a,.wp-block-post-terms a{
  color:#999 !important;text-transform:uppercase;letter-spacing:.8px;font-size:15px !important}
.wp-block-post-terms a:hover{color:#d6a72d !important}

/* ---------- photos get the gold frame ---------- */
.wp-block-post-featured-image img,
.wp-block-post-content .wp-block-image img{border:2px solid #d6a72d;padding:6px;background:#111;box-sizing:border-box}
.wp-block-post-featured-image{margin-bottom:28px}
figcaption,.wp-element-caption{color:#999 !important;text-align:center;font-size:16px}

/* ---------- quotes look like the about-page punch box ---------- */
.wp-block-quote,.wp-block-pullquote{border-left:5px solid #d6a72d !important;padding:12px 20px !important;background:#111;font-size:25px;margin:32px 0}
.wp-block-quote cite{color:#d6a72d}

/* ---------- separators, tables, code ---------- */
hr,.wp-block-separator{border-color:#333 !important;color:#333 !important;opacity:1}
table td,table th{border-color:#333 !important}
code,pre{background:#111 !important;color:#eee !important}

/* ---------- buttons ---------- */
.wp-element-button,.wp-block-button__link,button,input[type=submit]{
  background:#d6a72d !important;color:#111 !important;border:0 !important;border-radius:6px !important;
  font-family:"Open Sans Condensed",Arial,sans-serif !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.8px}
.wp-element-button:hover,.wp-block-button__link:hover,button:hover,input[type=submit]:hover{background:#f2c94c !important}

/* ---------- form fields (comments, RSVP, Wall request) ---------- */
input[type=text],input[type=email],input[type=url],input[type=number],input[type=search],input[type=password],textarea,select{
  background:#111 !important;color:#eee !important;border:1px solid #444 !important;border-radius:6px;font-family:inherit;font-size:17px}
input:focus,textarea:focus,select:focus{outline:2px solid #d6a72d;border-color:#d6a72d !important}

/* ---------- comments ---------- */
.wp-block-comments{border-top:1px solid #333;padding-top:30px;margin-top:40px}
.wp-block-comment-author-name,.wp-block-comment-author-name a{color:#fff !important;font-weight:700}
.wp-block-comment-date,.wp-block-comment-date a{color:#888 !important}

/* ---------- pagination ---------- */
.wp-block-query-pagination a,.wp-block-query-pagination-numbers .page-numbers{color:#ddd;text-transform:uppercase;font-weight:700}
.wp-block-query-pagination .current{color:#d6a72d}

/* ---------- Buzz Wall + Events boxes on dark ---------- */
.bw-locked{background:#121212}
.bzev-box{background:#121212}
.bzev-card{background:#111;border-color:#333 !important}
.bzev-card h3 a{color:#fff}
.bzev-card h3 a:hover{color:#d6a72d}
.bzev-rsvp{background:#111;border-color:#333 !important}
.bzev-opts label{border-color:#444 !important}

/* ---------- footer (same as the splash) ---------- */
.buzz-footer-clean{background:#050505;border-top:1px solid #333;padding:30px 20px 22px;color:#ddd;margin-top:0}
.buzz-footer-inner{max-width:1040px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr .8fr 1.2fr;gap:34px;align-items:start}
.buzz-footer-brand{font-size:25px;font-weight:700;color:#fff;letter-spacing:1px}
.buzz-footer-brand small{display:block;color:#d6a72d;font-size:13px;margin-top:3px}
.buzz-footer-tag{margin-top:12px;color:#bbb;font-size:17px}
.buzz-footer-clean h3{color:#d6a72d !important;font-size:14px !important;margin:0 0 9px;text-transform:uppercase;letter-spacing:.8px !important}
.buzz-footer-clean p,.buzz-footer-clean a{color:#ddd;margin:2px 0;font-size:14px}
.buzz-footer-clean a:hover{color:#d6a72d}
.buzz-footer-links{max-width:1040px;margin:26px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px}
.buzz-footer-links a{color:#ddd;text-transform:uppercase;font-weight:700;letter-spacing:.8px;font-size:14px}
.buzz-footer-links a:hover{color:#d6a72d}
.buzz-footer-copy{max-width:1040px;margin:24px auto 0;border-top:1px solid #222;padding-top:15px;text-align:center;color:#777;font-size:12px}

/* ---------- mobile ---------- */
@media(max-width:800px){
  body{font-size:18px}
  .buzz-nav-inner{gap:18px}
  .buzz-nav a{font-size:15px}
  .buzz-hero{min-height:40vh;padding:60px 18px}
  .buzz-hero h1{font-size:50px}
  .buzz-hero p{font-size:22px}
  .wp-block-post-title,.wp-block-query-title{font-size:34px !important}
  .entry-content h2,.wp-block-post-content h2{font-size:31px !important}
  .buzz-main{padding:35px 16px 50px}
  .buzz-box{padding:22px}
  .buzz-box h2,.buzz-section h2{font-size:31px}
  .buzz-footer-inner{grid-template-columns:1fr 1fr;gap:24px}
}
@media(max-width:782px){body.admin-bar .buzz-nav{top:46px}}
@media(max-width:600px){body.admin-bar .buzz-nav{top:0}}
@media(max-width:480px){
  .buzz-nav-inner{gap:12px 18px}
  .buzz-hero h1{font-size:42px}
  .buzz-hero p{font-size:20px}
  .buzz-footer-inner{grid-template-columns:1fr;text-align:center;gap:18px}
}