/*
Theme Name: SBD Event Tickets
Theme URI: https://sbdeventtickets.com/
Author: SouthBank Digital
Author URI: https://southbankdigital.com/
Description: A clean, modern, red/white/blue theme for the SBD Event Tickets site. Lightweight, mobile-first, and designed to pair nicely with WooCommerce + documentation pages.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sbd-event-tickets
Tags: one-column, two-columns, custom-logo, custom-menu, e-commerce, blog, featured-images, block-styles
*/

/* ---------- Base ---------- */
:root{
  --sbd-navy:#0b1f3d;
  --sbd-red:#b22234;
  --sbd-ink:#111827;
  --sbd-muted:#4b5563;
  --sbd-border:rgba(11,31,61,.16);
  --sbd-soft:rgba(11,31,61,.03);
  --sbd-soft-red:rgba(178,34,52,.03);
  --sbd-shadow:0 8px 24px rgba(11,31,61,.08);
  --sbd-radius:16px;
  --sbd-radius-sm:14px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--sbd-ink);
  line-height:1.6;
  background:#fff;
}
a{color:var(--sbd-navy); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto}

.sbd-wrap{max-width:980px; margin:0 auto; padding:0 18px}
.sbd-card{
  border:1px solid var(--sbd-border);
  border-radius:var(--sbd-radius);
  background:#fff;
  box-shadow:var(--sbd-shadow);
}
.sbd-card-inner{padding:22px}
.sbd-soft{background:var(--sbd-soft)}
.sbd-soft-red{background:var(--sbd-soft-red)}
.sbd-pill{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(11,31,61,.22);
  background:rgba(11,31,61,.03);
  font-size:12px;
  letter-spacing:.2px;
  color:var(--sbd-navy);
}
.sbd-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  font-weight:650;
  text-decoration:none;
  border:1px solid transparent;
}
.sbd-btn:hover{text-decoration:none; filter:brightness(.98)}
.sbd-btn-primary{
  background:var(--sbd-navy);
  color:#fff;
  box-shadow:0 6px 14px rgba(11,31,61,.18);
}
.sbd-btn-outline-red{
  border-color:rgba(178,34,52,.55);
  background:rgba(178,34,52,.03);
  color:var(--sbd-red);
}
.sbd-btn-outline{
  border-color:rgba(11,31,61,.22);
  background:rgba(11,31,61,.03);
  color:var(--sbd-navy);
}
.sbd-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; font-size:13px; color:rgba(0,0,0,.68)}
.sbd-badge{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(11,31,61,.22);
  background:rgba(11,31,61,.03);
  color:var(--sbd-navy);
}
.sbd-badge.red{
  border-color:rgba(178,34,52,.28);
  background:rgba(178,34,52,.03);
  color:#7e1623;
}

.sbd-topstripe{
  height:6px;
  background:linear-gradient(90deg, var(--sbd-navy) 0 33.33%, #ffffff 33.33% 66.66%, var(--sbd-red) 66.66% 100%);
  border-bottom:1px solid rgba(0,0,0,.08);
}

/* ---------- Header / Nav ---------- */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.site-header .sbd-topstripe{position:absolute; top:0; left:0; right:0}
.site-header-inner{
  position:relative;
  padding:16px 0 14px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.brand .site-title{
  margin:0;
  font-size:16px;
  letter-spacing:.2px;
}
.brand .site-title a{color:var(--sbd-navy); text-decoration:none}
.site-description{margin:0; font-size:12px; color:rgba(0,0,0,.60)}
.nav-row{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.sbd-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.sbd-nav a{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(11,31,61,.12);
  background:rgba(11,31,61,.02);
  color:var(--sbd-navy);
  font-weight:600;
  font-size:14px;
  text-decoration:none;
}
.sbd-nav a:hover{background:rgba(11,31,61,.04)}

/* ---------- Content ---------- */
.site-main{padding:22px 0 40px}
.entry-title{margin:0 0 10px; color:var(--sbd-navy)}
.entry-content > *:first-child{margin-top:0}
.entry-content pre{
  border:1px solid rgba(11,31,61,.12);
  border-radius:12px;
  padding:12px;
  overflow:auto;
  background:#0b1220;
  color:#e5e7eb;
}

/* ---------- Footer ---------- */
.site-footer{
  border-top:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.site-footer .sbd-wrap{padding:18px}
.site-footer small{color:rgba(0,0,0,.60)}

/* ---------- WooCommerce small tweaks ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:var(--sbd-navy) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  font-weight:650 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background:var(--sbd-navy) !important;
  filter:brightness(.98);
}

@media (max-width:720px){
  .sbd-card-inner{padding:18px}
}