/* ==========================================================================
   Brandolero Cortina Slider — Western Preset
   Aesthetic: Rugged Western Saloon — warm earthy tones, bold serif headlines,
   dusty textures implied through type weight and color, frontier attitude.
   ========================================================================== */

.bcrt-preset-western {
	--bcrt-font-headline: Georgia, 'Times New Roman', 'Palatino Linotype', Palatino, serif;
	--bcrt-font-body:     system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Primary button: terracotta/rust fill */
	--bcrt-btn-primary-bg:       #9b4a25;
	--bcrt-btn-primary-text:     #f5e8d0;
	--bcrt-btn-primary-bg-hover: #b5582e;

	/* Secondary button: sand border + text */
	--bcrt-btn-secondary-border: #c8a870;
	--bcrt-btn-secondary-text:   inherit;
	--bcrt-btn-secondary-bg-hover: rgba(200, 168, 112, 0.15);

	/* Navigation chrome: warm tones */
	--bcrt-chrome-bg:       rgba(155, 74, 37, 0.30);
	--bcrt-chrome-bg-hover: rgba(155, 74, 37, 0.55);
	--bcrt-chrome-border:   rgba(200, 168, 112, 0.40);
	--bcrt-chrome-color:    #f5e8d0;
}

/* ── Headline typography ─────────────────────────────────────────────────── */

.bcrt-preset-western .bcrt-headline {
	font-weight: 700;
	font-style: italic;
	letter-spacing: -0.02em;
	line-height: 1.0;
	/* Slight text shadow for that dusty, embossed quality */
	text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.45);
}

/* ── Eyebrow — Western: decorative dash prefix ───────────────────────────── */

.bcrt-preset-western .bcrt-eyebrow {
	letter-spacing: 0.3em;
	font-size: 11px;
	font-weight: 700;
	opacity: 0.75;
}

.bcrt-preset-western .bcrt-eyebrow::before {
	content: '— ';
	opacity: 0.60;
}

/* ── Subheadline ─────────────────────────────────────────────────────────── */

.bcrt-preset-western .bcrt-subheadline {
	font-style: italic;
	opacity: 0.75;
	letter-spacing: 0.01em;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */

.bcrt-preset-western .bcrt-btn {
	letter-spacing: 0.15em;
	font-size: 11px;
	font-weight: 700;
	border-radius: 2px;
	/* Subtle inner shadow for a stamp/brand quality */
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.20);
}

.bcrt-preset-western .bcrt-btn:hover {
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.30);
}

.bcrt-preset-western .bcrt-btn-primary {
	background: var(--bcrt-btn-primary-bg);
	color: var(--bcrt-btn-primary-text);
	border-color: transparent;
}

.bcrt-preset-western .bcrt-btn-primary:hover {
	background: var(--bcrt-btn-primary-bg-hover);
}

.bcrt-preset-western .bcrt-btn-secondary {
	border-color: var(--bcrt-btn-secondary-border);
	/* Nudge secondary to warm color from inherited slide text */
	color: #c8a870;
}

.bcrt-preset-western .bcrt-btn-secondary:hover {
	background: var(--bcrt-btn-secondary-bg-hover);
}

/* ── Navigation arrows ───────────────────────────────────────────────────── */

.bcrt-preset-western .bcrt-arrow {
	border-radius: 3px; /* squared corners feel more frontier than circles */
}

/* ── Dot indicators ──────────────────────────────────────────────────────── */

.bcrt-preset-western .bcrt-dot {
	border-radius: 2px;       /* square dots for a Western/brand-mark feel */
	width: 10px;
	height: 4px;
	background: rgba(200, 168, 112, 0.40);
}

.bcrt-preset-western .bcrt-dot.bcrt-dot-active,
.bcrt-preset-western .bcrt-dot[aria-selected="true"] {
	background: rgba(200, 168, 112, 0.90);
	transform: scaleX(1.6);
}

/* ── Media overlay gradient direction ────────────────────────────────────── */

/* image-bottom: media is in bottom half → fade upward toward content */
.bcrt-preset-western .bcrt-slide.bcrt-type-image-bottom .bcrt-media-overlay {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, rgba(20, 10, 5, 0.10) 60%, transparent 100%);
	opacity: 1 !important; /* gradient replaces flat opacity; slide opacity sets it */
}

/* image-top: media is in top half → fade downward toward content */
.bcrt-preset-western .bcrt-slide.bcrt-type-image-top .bcrt-media-overlay {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(20, 10, 5, 0.10) 60%, transparent 100%);
	opacity: 1 !important;
}