/*
 * "Vibrant" colour layer: saffron, sindoor red, white and maroon, with gold as the accent.
 * Loaded after homepage.css / header.css only when "रंगीन डिज़ाइन" is enabled in
 * Appearance → Vatsa Homepage. Remove the switch and the calmer base design returns unchanged.
 * Every text colour here has at least 4.5:1 contrast on its background.
 */

.vatsa-homepage.vh-vibrant {
	--vh-saffron: #e8730c;
	--vh-saffron-deep: #b4501a;
	--vh-saffron-tint: #fff1e0;
	--vh-red: #c1121f;
	--vh-red-deep: #a3151f;
	--vh-red-tint: #fdecea;
	--vh-maroon-tint: #f7e4e7;
	--vh-burnt: #9a3412;
	--vh-burnt-tint: #ffedd5;
	--vh-gold-light: #f6c97a;
	--vh-gold-dark: #7a5c1e;
	--vh-gold-tint: #f8eed6;
	--vh-ivory-deep: #fbefdc;
	/* Toran (bandhanwar) bunting in saffron, red, gold and maroon. */
	--vh-toran: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12'%3E%3Cpath d='M0 0h12L6 10z' fill='%23e8730c'/%3E%3Cpath d='M12 0h12l-6 10z' fill='%23c1121f'/%3E%3Cpath d='M24 0h12l-6 10z' fill='%23f6c97a'/%3E%3Cpath d='M36 0h12l-6 10z' fill='%23681c2b'/%3E%3C/svg%3E");
}

/* ---------- Buttons, kickers, headings ---------- */

.vatsa-homepage.vh-vibrant .vh-btn--primary {
	background: linear-gradient(135deg, var(--vh-red) 0%, var(--vh-maroon) 100%);
	box-shadow: 0 8px 20px -10px rgba(193, 18, 31, .6);
}

.vatsa-homepage.vh-vibrant .vh-btn--primary:hover {
	background: linear-gradient(135deg, var(--vh-red-deep) 0%, var(--vh-maroon-ink) 100%);
}

.vatsa-homepage.vh-vibrant .vh-btn--ghost {
	background: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-btn--ghost:hover {
	background: var(--vh-saffron-tint);
}

.vatsa-homepage.vh-vibrant .vh-kicker {
	padding: 4px 14px 4px 10px;
	border-radius: 999px;
	background: var(--vh-saffron-tint);
	box-shadow: inset 0 0 0 1px rgba(232, 115, 12, .25);
	color: var(--vh-red-deep);
}

.vatsa-homepage.vh-vibrant .vh-kicker::before,
.vatsa-homepage.vh-vibrant .vh-kicker--center::after {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--vh-saffron);
	box-shadow: 0 0 0 3px rgba(232, 115, 12, .2);
}

.vatsa-homepage.vh-vibrant .vh-kicker--center::after {
	display: none;
}

.vatsa-homepage.vh-vibrant .vh-head__title {
	color: var(--vh-maroon);
}

.vatsa-homepage.vh-vibrant .vh-head__title::after {
	content: "";
	display: block;
	width: 72px;
	height: 4px;
	margin-top: 12px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--vh-saffron) 0 40%, var(--vh-white) 40% 50%, var(--vh-red) 50% 100%);
	box-shadow: 0 0 0 1px rgba(193, 18, 31, .12);
}

.vatsa-homepage.vh-vibrant .vh-link {
	color: var(--vh-red-deep);
}

.vatsa-homepage.vh-vibrant .vh-link:hover {
	text-decoration-color: var(--vh-saffron);
}

.vatsa-homepage.vh-vibrant .vh-badge {
	background: var(--vh-red);
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-badge:hover {
	background: var(--vh-maroon);
}

/* ---------- Hero: saffron sunrise with a toran along the bottom ---------- */

.vatsa-homepage.vh-vibrant .vh-hero {
	background:
		radial-gradient(55% 70% at 88% 25%, rgba(232, 115, 12, .3) 0%, rgba(232, 115, 12, 0) 70%),
		radial-gradient(40% 55% at 0% 100%, rgba(193, 18, 31, .12) 0%, rgba(193, 18, 31, 0) 70%),
		linear-gradient(180deg, #fff4e6 0%, #ffe9cf 100%);
	border-bottom: 0;
}

.vatsa-homepage.vh-vibrant .vh-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	z-index: 1;
	height: 12px;
	background: var(--vh-toran) 0 0 / 48px 12px repeat-x;
	pointer-events: none;
}

.vatsa-homepage.vh-vibrant .vh-hero__accent {
	background: linear-gradient(90deg, var(--vh-saffron-deep), var(--vh-red));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.vatsa-homepage.vh-vibrant .vh-hero__lede {
	color: #5f5751;
}

.vatsa-homepage.vh-vibrant .vh-hero__facts strong {
	color: var(--vh-red-deep);
}

.vatsa-homepage.vh-vibrant .vh-hero__facts li + li::before {
	background: var(--vh-saffron);
}

.vatsa-homepage.vh-vibrant .vh-search__field {
	border-color: var(--vh-gold-light);
	box-shadow: 0 8px 22px -14px rgba(180, 80, 26, .55);
}

.vatsa-homepage.vh-vibrant .vh-search button {
	background: linear-gradient(135deg, var(--vh-red), var(--vh-maroon));
}

.vatsa-homepage.vh-vibrant .vh-hero__media::before {
	border: 2px solid var(--vh-gold-light);
	background: linear-gradient(135deg, rgba(232, 115, 12, .18), rgba(193, 18, 31, .14));
}

.vatsa-homepage.vh-vibrant .vh-hero__media::after {
	content: "";
	position: absolute;
	z-index: -2;
	top: -20%;
	left: 50%;
	width: 120%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(250, 196, 120, .55) 0%, rgba(250, 196, 120, 0) 65%);
	transform: translateX(-50%);
	pointer-events: none;
}

.vatsa-homepage.vh-vibrant .vh-spot {
	border: 0;
	box-shadow: 0 0 0 1px rgba(185, 154, 90, .35), 0 28px 50px -26px rgba(104, 28, 43, .55);
}

.vatsa-homepage.vh-vibrant .vh-spot__body {
	border-top: 4px solid transparent;
	border-image: linear-gradient(90deg, var(--vh-saffron), var(--vh-red), var(--vh-maroon)) 1;
}

.vatsa-homepage.vh-vibrant .vh-spot__ribbon {
	background: linear-gradient(90deg, var(--vh-red), var(--vh-saffron-deep));
}

.vatsa-homepage.vh-vibrant .vh-spot__title a:hover {
	color: var(--vh-red-deep);
}

/* ---------- Explore tiles: one colour per collection ---------- */

.vatsa-homepage.vh-vibrant .vh-explore {
	padding-top: clamp(60px, 8vw, 100px);
}

.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 1) { --tile: var(--vh-saffron-deep); --tile-tint: var(--vh-saffron-tint); }
.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 2) { --tile: var(--vh-red); --tile-tint: var(--vh-red-tint); }
.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 3) { --tile: var(--vh-maroon); --tile-tint: var(--vh-maroon-tint); }
.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 4) { --tile: var(--vh-burnt); --tile-tint: var(--vh-burnt-tint); }
.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 5) { --tile: var(--vh-red-deep); --tile-tint: var(--vh-red-tint); }
.vatsa-homepage.vh-vibrant .vh-tiles > li:nth-child(6n + 6) { --tile: var(--vh-gold-dark); --tile-tint: var(--vh-gold-tint); }

.vatsa-homepage.vh-vibrant .vh-tile {
	border-top: 4px solid var(--tile);
	background: linear-gradient(180deg, var(--tile-tint) 0%, var(--vh-white) 55%);
}

.vatsa-homepage.vh-vibrant .vh-tile__icon {
	background: var(--tile);
	color: var(--vh-white);
	box-shadow: 0 8px 16px -10px var(--tile);
}

.vatsa-homepage.vh-vibrant .vh-tile__count {
	color: var(--tile);
}

.vatsa-homepage.vh-vibrant .vh-tile:hover {
	border-color: var(--tile);
	background: var(--tile-tint);
	box-shadow: 0 14px 28px -18px var(--tile);
}

.vatsa-homepage.vh-vibrant .vh-tile:hover .vh-tile__title {
	color: var(--tile);
}

/* ---------- Deities: deep maroon sanctum ---------- */

.vatsa-homepage.vh-vibrant .vh-deities {
	background:
		radial-gradient(50% 80% at 50% 0%, rgba(232, 115, 12, .35) 0%, rgba(232, 115, 12, 0) 70%),
		linear-gradient(180deg, #6e1424 0%, var(--vh-maroon-ink) 100%);
	border: 0;
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-deities .vh-kicker,
.vatsa-homepage.vh-vibrant .vh-verse .vh-kicker {
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(246, 201, 122, .35);
	color: var(--vh-gold-light);
}

.vatsa-homepage.vh-vibrant .vh-deities .vh-head__title {
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-deities :focus-visible {
	outline-color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-deities .vh-arch--sm {
	outline: 2px solid rgba(246, 201, 122, .5);
}

.vatsa-homepage.vh-vibrant .vh-deity:hover .vh-arch--sm {
	outline-color: var(--vh-gold-light);
}

.vatsa-homepage.vh-vibrant .vh-deity__name {
	color: var(--vh-gold-light);
}

.vatsa-homepage.vh-vibrant .vh-deity__count {
	color: rgba(255, 255, 255, .8);
}

/* ---------- Featured ---------- */

.vatsa-homepage.vh-vibrant .vh-featured {
	padding-bottom: clamp(48px, 7vw, 88px);
	background: linear-gradient(180deg, var(--vh-white) 0%, var(--vh-saffron-tint) 100%);
}

.vatsa-homepage.vh-vibrant .vh-feature__media {
	box-shadow: 0 0 0 4px var(--vh-white), 0 0 0 6px var(--vh-gold-light), 0 24px 44px -24px rgba(104, 28, 43, .55);
}

/* ---------- Cards: a colour per card ---------- */

.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card:nth-child(4n + 1) { --card: var(--vh-saffron-deep); --card-tint: var(--vh-saffron-tint); }
.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card:nth-child(4n + 2) { --card: var(--vh-red); --card-tint: var(--vh-red-tint); }
.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card:nth-child(4n + 3) { --card: var(--vh-maroon); --card-tint: var(--vh-maroon-tint); }
.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card:nth-child(4n + 4) { --card: var(--vh-burnt); --card-tint: var(--vh-burnt-tint); }

.vatsa-homepage.vh-vibrant .vh-card__cat {
	color: var(--card, var(--vh-saffron-deep));
}

.vatsa-homepage.vh-vibrant .vh-grid--3 .vh-card__cat {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--card-tint);
}

.vatsa-homepage.vh-vibrant .vh-card:hover .vh-card__title a {
	color: var(--card, var(--vh-red-deep));
}

.vatsa-homepage.vh-vibrant .vh-latest {
	background: linear-gradient(180deg, var(--vh-white) 0%, #fff6ea 100%);
}

@media (min-width: 601px) {
	.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card {
		gap: 0;
		overflow: hidden;
		border-radius: var(--vh-radius);
		background: var(--vh-white);
		box-shadow: 0 0 0 1px var(--vh-border), 0 12px 28px -22px rgba(41, 37, 33, .45);
		transition: transform .2s var(--vh-ease), box-shadow .2s var(--vh-ease);
	}

	.vatsa-homepage.vh-vibrant .vh-grid--3 > .vh-card:hover {
		box-shadow: 0 0 0 1px var(--card), 0 18px 34px -20px var(--card);
		transform: translateY(-3px);
	}

	.vatsa-homepage.vh-vibrant .vh-grid--3 .vh-card__media {
		border-radius: 0;
	}

	.vatsa-homepage.vh-vibrant .vh-grid--3 .vh-card__body {
		padding: 16px 18px 18px;
	}
}

/* A colour strip under every card image, on phones too. */
.vatsa-homepage.vh-vibrant .vh-grid--3 .vh-card__media {
	border-bottom: 4px solid var(--card);
}

.vatsa-homepage.vh-vibrant .vh-pager .page-numbers.current {
	border-color: var(--vh-red);
	background: linear-gradient(135deg, var(--vh-red), var(--vh-maroon));
}

.vatsa-homepage.vh-vibrant .vh-pager a.page-numbers:hover {
	border-color: var(--vh-red);
	background: var(--vh-red-tint);
	color: var(--vh-red-deep);
}

/* ---------- Collections: each module gets its own accent ---------- */

.vatsa-homepage.vh-vibrant .vh-collections {
	background:
		radial-gradient(40% 40% at 100% 0%, rgba(193, 18, 31, .07) 0%, rgba(193, 18, 31, 0) 70%),
		radial-gradient(40% 40% at 0% 100%, rgba(232, 115, 12, .09) 0%, rgba(232, 115, 12, 0) 70%),
		var(--vh-ivory);
}

.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 1) { --mod: var(--vh-saffron-deep); --mod-tint: var(--vh-saffron-tint); }
.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 2) { --mod: var(--vh-red); --mod-tint: var(--vh-red-tint); }
.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 3) { --mod: var(--vh-maroon); --mod-tint: var(--vh-maroon-tint); }
.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 4) { --mod: var(--vh-burnt); --mod-tint: var(--vh-burnt-tint); }
.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 5) { --mod: var(--vh-red-deep); --mod-tint: var(--vh-red-tint); }
.vatsa-homepage.vh-vibrant .vh-modules > .vh-module:nth-child(6n + 6) { --mod: var(--vh-gold-dark); --mod-tint: var(--vh-gold-tint); }

.vatsa-homepage.vh-vibrant .vh-module {
	border-top: 4px solid var(--mod);
	box-shadow: 0 10px 30px -22px rgba(41, 37, 33, .35);
}

/* Cards inside a module take the module's colour. */
.vatsa-homepage.vh-vibrant .vh-module .vh-grid--3 > .vh-card {
	--card: var(--mod);
	--card-tint: var(--mod-tint);
}

.vatsa-homepage.vh-vibrant .vh-module__head {
	margin: calc(-1 * clamp(20px, 3vw, 32px)) calc(-1 * clamp(20px, 3vw, 32px)) var(--vh-s5);
	padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 32px);
	border-bottom: 0;
	background: var(--mod-tint);
}

.vatsa-homepage.vh-vibrant .vh-module__icon {
	border: 0;
	background: var(--mod);
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-module__title {
	color: var(--mod);
}

.vatsa-homepage.vh-vibrant .vh-module__desc {
	color: #5f5751;
}

.vatsa-homepage.vh-vibrant .vh-module .vh-link {
	color: var(--mod);
}

.vatsa-homepage.vh-vibrant .vh-numbered li::marker {
	color: var(--mod);
}

/* ---------- Verse: saffron-to-maroon dusk ---------- */

.vatsa-homepage.vh-vibrant .vh-verse {
	position: relative;
	background:
		radial-gradient(50% 70% at 50% 0%, rgba(255, 214, 150, .35) 0%, rgba(255, 214, 150, 0) 70%),
		linear-gradient(160deg, #b4501a 0%, #a3151f 50%, var(--vh-maroon-ink) 100%);
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-verse::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 12px;
	background: var(--vh-toran) 0 0 / 48px 12px repeat-x;
}

.vatsa-homepage.vh-vibrant .vh-verse .vh-kicker::before {
	background: var(--vh-gold-light);
}

.vatsa-homepage.vh-vibrant .vh-verse__mark {
	color: var(--vh-gold-light);
	text-shadow: 0 0 24px rgba(255, 214, 150, .6);
}

.vatsa-homepage.vh-vibrant .vh-verse__text {
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-verse__meaning {
	color: rgba(255, 255, 255, .9);
}

.vatsa-homepage.vh-vibrant .vh-verse__source {
	color: var(--vh-gold-light);
}

/* ---------- Videos ---------- */

.vatsa-homepage.vh-vibrant .vh-videos {
	border-top: 0;
}

.vatsa-homepage.vh-vibrant .vh-video__thumb {
	border-bottom: 4px solid var(--vh-red);
}

.vatsa-homepage.vh-vibrant .vh-video__play {
	background: linear-gradient(135deg, var(--vh-red), var(--vh-saffron-deep));
	color: var(--vh-white);
}

.vatsa-homepage.vh-vibrant .vh-video:hover .vh-video__title {
	color: var(--vh-red-deep);
}

/* ---------- Community ---------- */

.vatsa-homepage.vh-vibrant .vh-community {
	background:
		radial-gradient(45% 120% at 100% 50%, rgba(232, 115, 12, .55) 0%, rgba(232, 115, 12, 0) 70%),
		linear-gradient(120deg, var(--vh-maroon-ink) 0%, var(--vh-maroon) 45%, var(--vh-red-deep) 100%);
	border-top: 0;
}

/* ---------- Brand band ---------- */

.vatsa-homepage.vh-vibrant .vh-band {
	position: relative;
	background: linear-gradient(180deg, var(--vh-saffron-tint) 0%, var(--vh-white) 100%);
	border-top: 0;
	padding-top: calc(clamp(40px, 6vw, 64px) + 12px);
}

.vatsa-homepage.vh-vibrant .vh-band::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 12px;
	background: var(--vh-toran) 0 0 / 48px 12px repeat-x;
}

.vatsa-homepage.vh-vibrant .vh-band__name {
	color: var(--vh-maroon);
}

.vatsa-homepage.vh-vibrant .vh-band__heading {
	color: var(--vh-red-deep);
}

.vatsa-homepage.vh-vibrant .vh-band__col a:hover {
	color: var(--vh-red-deep);
}

/* ---------- Header (with "प्रोफेशनल हेडर") ---------- */

body.vh-pro-header.vh-vibrant .hfg_header .header-main {
	--color: #fff;
	--bgcolor: #681c2b;
	background: linear-gradient(90deg, #4f1420 0%, #681c2b 50%, #4f1420 100%);
	border-top: 3px solid #d97724;
	border-bottom: 0;
}

body.vh-pro-header.vh-vibrant .hfg_header .header-main .header--row-inner {
	background: transparent;
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--primary-menu {
	--color: #fff;
	--hovercolor: #f6c97a;
	--hovertextcolor: #f6c97a;
	--activecolor: #f6c97a;
}

body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li > .wrap > a,
body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li > .wrap .caret {
	color: #fff;
}

body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li:hover > .wrap > a,
body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li:focus-within > .wrap > a,
body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li.nv-active > .wrap > a,
body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li.current-menu-ancestor > .wrap > a {
	color: #f6c97a;
}

body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary .primary-menu-ul > li > .wrap > a::after {
	background: #f6c97a;
}

body.vh-pro-header.vh-vibrant .hfg_header .nav-menu-primary a:focus-visible {
	outline-color: #fff;
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--logo img {
	box-shadow: 0 0 0 2px rgba(246, 201, 122, .7);
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--header_search .search-field {
	border-color: rgba(255, 255, 255, .25);
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--header_search .search-field::placeholder {
	color: rgba(255, 255, 255, .78);
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--header_search .search-field:focus {
	border-color: #f6c97a;
	background: #fff;
	color: #292521;
	box-shadow: 0 0 0 3px rgba(246, 201, 122, .35);
}

body.vh-pro-header.vh-vibrant .hfg_header .builder-item--header_search .search-submit .nv-icon svg,
body.vh-pro-header.vh-vibrant .hfg_header .builder-item--header_search_responsive .nv-icon svg {
	fill: #f6c97a;
}

body.vh-pro-header.vh-vibrant .hfg_header .navbar-toggle {
	border-color: rgba(255, 255, 255, .3) !important;
	background: transparent;
}

body.vh-pro-header.vh-vibrant .hfg_header .navbar-toggle .icon-bar {
	background-color: #fff;
}