/* ===========================================================================
   Bet105 Guides - persistent navigation shell
   Added 2026-09-16. Loaded only on pages where b105_guides_context() resolves.
   Every rule is scoped under .b105-gs.
   Tokens mirror blocksy-child/assets/css/bet105-sportsbook.css.
   =========================================================================== */

.b105-gs{
	--gs-blue:#3083dc;
	--gs-bg:#0b0d11;
	--gs-bg-crumb:#0a0a0a;
	--gs-line:#262626;
	--gs-text:#e8e8e8;
	--gs-mute:#b2b2b2;
	--gs-faint:#7f7f7f;
	--gs-font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	--gs-gut:28px;
	position:relative;
	z-index:40;
	font-family:var(--gs-font);
}
.b105-gs *{box-sizing:border-box;}

.b105-gs__bar{background:var(--gs-bg); border-bottom:1px solid var(--gs-line);}
.b105-gs__inner{
	max-width:1320px; margin:0 auto; padding:0 var(--gs-gut);
	display:flex; align-items:center; gap:24px; min-height:52px;
}

/* --- persistent wordmark, and the way back to the Guides home --- */
.b105-gs__brand{
	display:inline-flex; align-items:baseline; gap:7px;
	text-decoration:none; white-space:nowrap; flex:0 0 auto;
}
.b105-gs__brand:hover{text-decoration:none;}
.b105-gs__brand-mark{
	font-size:15px; font-weight:700; color:#fff; letter-spacing:-.02em; line-height:1;
}
.b105-gs__brand-mark i{font-style:normal; color:var(--gs-blue);}
.b105-gs__brand-word{
	font-size:11px; font-weight:600; color:var(--gs-mute);
	letter-spacing:.16em; text-transform:uppercase; line-height:1;
}
.b105-gs__brand:hover .b105-gs__brand-word{color:#fff;}

/* --- desktop: the five categories inline --- */
.b105-gs__links{
	display:flex; gap:22px; margin:0 0 0 auto; padding:0; list-style:none;
}
.b105-gs__links a{
	display:inline-block; padding:16px 0;
	font-size:13px; font-weight:500; color:var(--gs-mute);
	text-decoration:none; white-space:nowrap;
	border-bottom:2px solid transparent;
}
.b105-gs__links a:hover{color:#fff; text-decoration:none;}
.b105-gs__links a.is-on{color:#fff; border-bottom-color:var(--gs-blue);}

/* --- mobile: one control that names where you are --- */
.b105-gs__picker{display:none; margin-left:auto; position:relative;}
.b105-gs__picker summary{
	display:flex; align-items:center; gap:8px;
	padding:8px 12px; cursor:pointer; list-style:none;
	border:1px solid #232a34; border-radius:8px;
	font-size:12.5px; font-weight:600; color:#fff;
	max-width:62vw;
}
.b105-gs__picker summary::-webkit-details-marker{display:none;}
.b105-gs__picker-current{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.b105-gs__chev{
	width:8px; height:8px; flex:0 0 auto;
	border-right:1.6px solid var(--gs-blue); border-bottom:1.6px solid var(--gs-blue);
	transform:rotate(45deg) translate(-2px,-2px);
	transition:transform .15s ease;
}
.b105-gs__picker[open] .b105-gs__chev{transform:rotate(-135deg) translate(-3px,-3px);}

.b105-gs__panel{
	position:absolute; top:calc(100% + 8px); right:0; z-index:50;
	min-width:250px; max-width:min(320px, calc(100vw - 32px));
	background:#10141a; border:1px solid var(--gs-line); border-radius:10px;
	box-shadow:0 18px 40px rgba(0,0,0,.55); overflow:hidden;
}
.b105-gs__panel ul{margin:0; padding:6px; list-style:none;}
.b105-gs__panel a{
	display:flex; align-items:center; justify-content:space-between;
	padding:11px 12px; border-radius:7px;
	font-size:13.5px; color:var(--gs-mute); text-decoration:none;
}
.b105-gs__panel a:hover{background:#171d25; color:#fff; text-decoration:none;}
.b105-gs__panel a.is-on{color:#fff; background:#141b24;}
.b105-gs__panel a.is-on::after{content:"\2713"; color:var(--gs-blue); font-size:12px;}
.b105-gs__panel-all{
	display:block; padding:12px; border-top:1px solid var(--gs-line);
	font-size:12.5px; font-weight:600; color:var(--gs-blue); text-decoration:none;
}
.b105-gs__panel-all:hover{background:#171d25; text-decoration:none;}

/* --- breadcrumb --- */
.b105-gs__crumbs{
	background:var(--gs-bg-crumb); border-bottom:1px solid var(--gs-line);
	font-size:12.5px;
}
.b105-gs__crumbs .b105-gs__inner{
	min-height:40px; gap:0; overflow:hidden;
}
.b105-gs__crumbs a{color:var(--gs-mute); text-decoration:none; white-space:nowrap;}
.b105-gs__crumbs a:hover{color:#fff; text-decoration:underline;}
.b105-gs__sep{color:#3a3f48; margin:0 8px; flex:0 0 auto;}
.b105-gs__here{
	color:var(--gs-faint); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.b105-gs a:focus-visible,.b105-gs summary:focus-visible{
	outline:2px solid var(--gs-blue); outline-offset:2px; border-radius:4px;
}

/* --- breakpoints --- */
@media (max-width:1100px){
	.b105-gs__links{gap:16px;}
	.b105-gs__links a{font-size:12.5px;}
}
@media (max-width:900px){
	.b105-gs{--gs-gut:16px;}
	.b105-gs__links{display:none;}
	.b105-gs__picker{display:block;}
	.b105-gs__inner{min-height:48px; gap:12px;}
	.b105-gs__crumbs .b105-gs__inner{min-height:36px;}
}
@media (prefers-reduced-motion:reduce){
	.b105-gs *{transition:none !important;}
}