/**
 * Shared overrides for starter vendor CSS.
 *
 * Source-nav packs hard-code a blue → pink gradient. Theme Settings palettes
 * replace the tokens from PHP; these rules are the fallback look and the
 * wordmark styles that replaced the original logo images.
 */

:root {
	--color-primary: #2563eb;
	--color-secondary: #0d9488;
	--gradient-dark: linear-gradient(135deg, #1d4ed8 0%, #2563eb 46%, #0d9488 100%);
	--gradient-dark-2: linear-gradient(135deg, rgba(37, 99, 235, 0.48) 0%, rgba(13, 148, 136, 0.32) 100%);
	--gradient-7: linear-gradient(135deg, #0d9488 0%, #2563eb 100%);
	--primary-opacity: #2563eb21;
	--secondary-opacity: #0d948821;
}

.buildler-brand-logo,
.buildler-histudy-logo,
.buildler-histudyhomedemo-logo {
	display: inline-block;
	color: inherit;
	font-family: "Euclid Circular A", "DM Sans", system-ui, sans-serif;
	font-size: clamp(1.05rem, 1.8vw, 1.45rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	text-decoration: none;
	white-space: nowrap;
}

.logo-light .buildler-histudy-logo,
.logo-light .buildler-brand-logo,
.footer-style-1 .buildler-histudy-logo,
.footer-style-1 .buildler-brand-logo {
	color: #fff;
}

.rbt-sec-cir-shadow-1 .gradient-shape-top,
.rbt-sec-cir-shadow-1 .gradient-shape-bottom,
.category-section-02 .gradient-shape {
	background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

.rbt-banner-3 .edumarque {
	background-image: none;
	background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 18%, transparent) 100%);
}

.course-details-content.version-02,
.active-dark-mode .rbt-counterup .top-circle-shape {
	background: var(--gradient-dark);
}