/* Light/dark toggle — borderless icon, sits in the header next to "Get the book". */
.bgwt-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--text,#f4efe6);cursor:pointer;padding:6px;opacity:.82;transition:color .2s,opacity .2s}
.bgwt-toggle:hover{color:var(--accent,#9b2f2c);opacity:1}
.bgwt-i{display:block}
[data-theme="dark"] .bgwt-moon{display:none}
[data-theme="light"] .bgwt-sun{display:none}
.bgwt-toggle-wrap{display:inline-flex;align-items:center;margin-left:20px}

/* Bricks chrome follows the palette; header + footer a step darker than the page for separation */
body{background-color:var(--bg,#0c0b0b)!important;color:var(--text,#f4efe6)}
#brxe-h001{background-color:var(--bg,#0c0b0b)!important}

#brx-header,#brx-header .brxe-section,#brx-header .brxe-container,#brx-header .brxe-block{background-color:transparent!important;border:0!important;box-shadow:none!important}
/* On the homepage, let the hero rise up behind the transparent header (header overlays, doesn't take space) */
body.home #brx-header{position:absolute;top:0;left:0;right:0;z-index:50}
body.home.admin-bar #brx-header{top:32px}
@media(max-width:782px){body.home.admin-bar #brx-header{top:46px}}
#brx-header a,#brx-header .brxe-text-basic,#brx-header .brxe-text,#brx-header .brxe-heading,#brx-header li,#brx-header span,#brx-header p{color:var(--text,#f4efe6)!important}
#brx-header a:hover{color:var(--accent,#9b2f2c)!important}
#brx-header .brxe-button{background-color:var(--accent,#9b2f2c)!important;color:var(--on-accent,#121011)!important;border-color:var(--accent,#9b2f2c)!important}

#brx-footer{background-color:var(--ftr-bg,#1a1714)!important;border-top:0}
#brx-footer .brxe-heading{color:var(--ftr-head,#f6f2ea)!important}
#brx-footer a,#brx-footer .brxe-text-basic,#brx-footer .brxe-text,#brx-footer p,#brx-footer span,#brx-footer li{color:var(--ftr-text,#cdc6ba)!important}
#brx-footer a:hover{color:var(--ftr-accent,#cf6f6b)!important}
#brx-footer .brxe-button{background-color:var(--accent,#9b2f2c)!important;color:#fff!important;border-color:var(--accent,#9b2f2c)!important}

/* Headings + body text on Bricks pages follow the palette */
#brx-content .brxe-heading{color:var(--text,#f4efe6)}
#brx-content .brxe-text-basic,#brx-content .brxe-text{color:var(--text2,#d9d2c5)}

/* Kill the old dark theme: make every Bricks layout wrapper transparent so ONLY the palette shows.
   (#brx-header / #brx-footer keep their --bg2 tint because the wrappers inside them go transparent.) */
.brxe-section,.brxe-container,.brxe-block,.brxe-div{background-color:transparent!important}
/* Subtle alternating tone bands behind every other top-level block (full-width, no lines) */
#brx-content{overflow-x:clip}
#brx-content>*{position:relative;z-index:0}
#brx-content>*:nth-child(even)::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background:var(--bg2,#ebe7dc);z-index:-1;pointer-events:none}
/* Newsletter CTA: the BGW Newsletter plugin draws its own full-width band + styling; hide the generic tone band here */
#brxe-h062::before{display:none!important}
/* Let the Newsletter (h062) and About (h044) plugins control their own width (remove the 1180 container cap + gutters) */
#brxe-h062,#brxe-h044{max-width:none!important;padding-left:0!important;padding-right:0!important}

/* ---------------- Mobile hamburger menu (injected by theme.js) ---------------- */
#brx-header{position:relative}
.bgwt-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;border:0;background:none;cursor:pointer;margin-left:8px}
.bgwt-burger span{display:block;height:2px;width:100%;background:var(--text,#f4efe6);border-radius:2px;transition:transform .25s,opacity .2s}
.bgwt-open .bgwt-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bgwt-open .bgwt-burger span:nth-child(2){opacity:0}
.bgwt-open .bgwt-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.bgwt-mnav{display:none}

@media(max-width:860px){
	/* one tidy row: brand on the left, sun/moon + burger on the right */
	#brxe-bg0002{flex-wrap:nowrap!important;align-items:center}
	#brxe-bg0003{margin-right:auto}
	#brxe-bg0004{display:none!important}
	#brx-header .brxe-button:not(.bgwt-mnav-btn){display:none!important}
	.bgwt-burger{display:flex}

	.bgwt-mnav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;z-index:60;background:var(--bg,#0c0b0b);border-top:1px solid var(--divider,rgba(120,110,100,.18));box-shadow:0 22px 46px rgba(0,0,0,.22);padding:10px 7vw 22px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .22s ease,visibility .3s}
	.bgwt-open .bgwt-mnav{max-height:85vh;opacity:1;visibility:visible}
	.bgwt-mnav a{display:block;padding:14px 2px;font-family:'Inter',-apple-system,sans-serif;font-size:16px;letter-spacing:.01em;color:var(--text,#f4efe6)!important;text-decoration:none;border-bottom:1px solid var(--divider,rgba(120,110,100,.14))}
	.bgwt-mnav a:hover{color:var(--accent,#9b2f2c)!important}
	.bgwt-mnav .bgwt-mnav-btn{margin-top:16px;border-bottom:0;text-align:center;background:var(--accent,#9b2f2c)!important;color:#fff!important;border-radius:6px;padding:15px}
}