/*
Site chrome: header/nav and the global footer. Salient used to provide
this (mega-menu, mobile drawer, etc.) — this theme has no parent theme, so
it needs its own, deliberately simple version. Markup lives in header.php /
footer.php, not in bsw-pages/*.html (those are page content only).
*/

/* Transparent overlay sitting on top of whatever's underneath (the home
   hero image, or plain black background on inner pages) — matches the
   reference screenshot, which has no boxed header bar, just nav text
   floating over the art. The gradient keeps the links legible over a
   bright sky without needing a solid bar. */
.bsw-site-header{position:absolute;top:0;left:0;right:0;z-index:100;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0))}
.bsw-site-header-inner{max-width:var(--bsw-container-wide);margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:flex-end;gap:20px}

.bsw-nav{display:flex;align-items:center;gap:34px}
.bsw-nav a{position:relative;font-family:var(--bsw-font-support);color:var(--bsw-text-bright);font-size:14px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;padding-bottom:6px;transition:color .15s}
.bsw-nav a:hover{color:var(--bsw-red)}
.bsw-nav a.is-active{color:var(--bsw-text-bright)}
.bsw-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bsw-red)}

.bsw-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:0;cursor:pointer;padding:0}
.bsw-nav-toggle span{display:block;width:100%;height:2px;background:var(--bsw-text-bright)}

/* The two most-important actions (client's own words), pulled out of the
   plain-text nav list and set apart as real buttons with a divider — so
   they read as "do this" rather than just two more links in the row. */
.bsw-nav-cta{display:flex;align-items:center;gap:10px;padding-left:22px;margin-left:4px;border-left:1px solid rgba(255,255,255,.18)}
.bsw-nav-cta-btn{font-family:var(--bsw-font-support);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:var(--bsw-text-bright);border:1.5px solid var(--bsw-text-bright);border-radius:30px;padding:9px 18px;transition:all .2s;white-space:nowrap}
.bsw-nav-cta-btn:hover{border-color:var(--bsw-red);color:var(--bsw-red)}
.bsw-nav-cta-btn--solid{background:var(--bsw-red);border-color:var(--bsw-red);color:#fff}
.bsw-nav-cta-btn--solid:hover{opacity:.85;color:#fff}

.bsw-site-footer{background:var(--bsw-black-alt);border-top:1px solid var(--bsw-border-soft);padding:40px 0}
.bsw-site-footer-inner{max-width:var(--bsw-container);margin:0 auto;padding:0 24px;text-align:center}
.bsw-site-footer-inner p{color:var(--bsw-text-faint);font-size:13px;margin:0 0 16px}
.bsw-site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.bsw-site-footer-nav a{color:var(--bsw-text-dim);font-size:12px;text-decoration:none;letter-spacing:.5px}
.bsw-site-footer-nav a:hover{color:var(--bsw-red)}

@media (max-width:900px){
	.bsw-nav-toggle{display:flex;order:2}
	.bsw-nav{position:fixed;top:65px;left:0;right:0;bottom:0;background:var(--bsw-black);flex-direction:column;justify-content:center;gap:28px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
	.bsw-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
	.bsw-nav a{font-size:18px}
	.bsw-nav-cta{order:1;padding-left:0;margin-left:0;border-left:0;gap:8px}
	.bsw-nav-cta-btn{padding:8px 14px;font-size:11px}
}

@media (max-width:400px){
	.bsw-nav-cta-btn{padding:7px 11px;font-size:10px;letter-spacing:.5px}
}