/*
Theme Name: COTR Blog — b-Vibe
Theme URI: https://www.bvibe.com/anal-play-101/
Template: cotr-blog
Author: Silo Digital
Description: b-Vibe skin for the shared COTR blog theme. Brand design tokens only — no template logic.
Version: 0.1.0
License: Proprietary
Text Domain: cotr-blog-bvibe
*/

/*
 * b-Vibe design tokens.
 * Placeholder values lifted from the current live blog (teal #10c0d9,
 * Montserrat); to be replaced with the official brand style guide.
 */
:root {
	--cotr-color-primary: #10c0d9;
	--cotr-color-primary-contrast: #ffffff;
	--cotr-color-accent: #f7418d;
	--cotr-font-heading: "Montserrat", Arial, sans-serif;
	--cotr-font-body: "Montserrat", Arial, sans-serif;
}

/*
 * Anal Academy nav band (Magento static block below the store header).
 * The block ships a white pill nav; we give it the teal Academy backdrop
 * and graceful horizontal scrolling on small screens (the store uses
 * Swiper for this; a scroll container does the same job without the JS).
 */
.bvibe-academy-band {
	background: var(--cotr-color-primary);
	padding: clamp(12px, 2vw, 18px) 16px;
}
/*
 * Slimline overrides. The block's inline <style> ships padding:65px 0 on the
 * nav and a 24px-padded pill (~270px of band on desktop) — a huge viewport
 * cost for a nav strip. Same design, compressed: prefixed selectors out-rank
 * the block's single-class rules.
 */
.bvibe-academy-band .anal-academy-header-nav {
	padding: 0;
}
.bvibe-academy-band .anal-academy-header-nav-main {
	padding: 10px 8px;
	border-radius: var(--cotr-radius-pill);
}
.bvibe-academy-band .anal-academy-header-nav-icon {
	width: 28px;
	height: 20px;
	background-size: 28px 20px;
	margin: 0 auto 3px;
}
.bvibe-academy-band .anal-academy-header-nav-title {
	font-size: 13px;
	line-height: 1.3;
}
.bvibe-academy-band .anal-academy-header-nav-main li a {
	display: block;
	padding: 2px 0;
}
.bvibe-academy-band .anal-academy-header-nav,
.bvibe-academy-band [class*="anal-academy-header-nav-container"] {
	max-width: 1170px;
	margin: 0 auto;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.bvibe-academy-band ::-webkit-scrollbar {
	display: none;
}
.bvibe-academy-band ul {
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bvibe-academy-band li {
	flex-shrink: 0;
}