/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
Description: Astra child theme for SRGBN, scaffolded by Studio Code
Author: Studio Code
*/

/* ============================================================
   Social bar — branded icons, shown at the bottom of every page
   ============================================================ */
/* Floating vertical social rail — fixed on the right edge of every page,
   anchored near the bottom and reaching up toward the middle. position:fixed
   keeps it in place while the page scrolls. */
.srgbn-social {
	position: fixed;
	right: 18px;
	bottom: 48px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 10px 8px;
	background: rgba(11, 42, 67, 0.35);
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(4px);
}

.srgbn-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: transform .2s ease;
}

.srgbn-social a:hover,
.srgbn-social > div:hover {
	transform: translateY(-3px);
}

/* Soft light-white glow that follows each icon's actual shape (drop-shadow
   traces the logo silhouette rather than a circle). */
.srgbn-social a,
.srgbn-social > div {
	position: relative;
	filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.55))
	        drop-shadow(0 0 11px rgba(255, 255, 255, 0.30));
}

/* Nudge the WhatsApp launcher up 6px and the YouTube icon up 5px each,
   keeping the gaps between Instagram→YouTube and YouTube→WhatsApp tight. */
.srgbn-social > div {
	margin-top: -6px;
}
.srgbn-social .srgbn-youtube {
	margin-top: -5px;
}

.srgbn-social > div {
	transition: transform .2s ease;
}

.srgbn-social a:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
}

/* Bare brand shapes — no circular badge, no border, just the icon glyph at a
   uniform size (the Wylto WhatsApp button is scaled to the same size). */
.srgbn-social svg,
.srgbn-social img {
	width: 34px;
	height: 34px;
	display: block;
	object-fit: contain;
	shape-rendering: geometricPrecision;
}

.srgbn-social svg {
	fill: #fff;
}

/* Authentic brand colors applied to the glyphs themselves */
.srgbn-facebook svg  { fill: #1877f2; }
.srgbn-youtube svg   { fill: #ff0000; }
.srgbn-instagram svg { fill: #E1306C; }

@media (prefers-reduced-motion: reduce) {
	.srgbn-social a,
	.srgbn-social > div { transition: none; }
	.srgbn-social a:hover,
	.srgbn-social > div:hover { transform: none; }
}

@media (max-width: 600px) {
	.srgbn-social { right: 10px; bottom: 22px; gap: 10px; padding: 8px 6px; }
	.srgbn-social a { width: auto; height: auto; }
	.srgbn-social svg,
	.srgbn-social img { width: 27px; height: 27px; }
}

/* Hide the homepage page title header so the hero section sits at its
   natural top position (not pushed down by a "Home" page-title bar). */
.home .entry-header {
	display: none;
}

/* ============================================================
   Header — dark translucent background on every page and view.
   Only the bar's background changes; the logo, menu and text
   are untouched, and the hero can still show through behind it.
   ============================================================ */
header.site-header,
.ast-primary-header-bar,
.ast-above-header-bar {
	background-color: rgba(11, 42, 67, 0.95); /* same navy, darker / less transparent */
}

.ast-primary-header-bar {
	border-bottom-color: transparent !important;
}

/* ============================================================
   Desktop — slimmer header: trim 10px from the top and 10px
   from the bottom of the desktop header bar (all pages).
   The logo sits inside .site-branding, whose 16px top/bottom
   padding creates the header's vertical insets; cutting each by
   10px (to 6px) shortens the header by 10px top + 10px bottom.
   ============================================================ */
@media (min-width: 922px) {
	.ast-above-header-bar .site-branding {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}
}

.ast-mobile-header-wrap .ast-mobile-header-content,
.ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation,
.ast-mobile-header-content ul.main-header-menu {
	background-color: #0b2a43 !important;
}

/* ============================================================
   Hero placement — every page's hero sits BELOW the header so it
   never hides behind the navbar on desktop, tablet or phone.
   This neutralises the negative top margin set per-page in
   Elementor (home/about/explore/my-profile) and the previous
   mobile-only lift, so each hero starts right under the bar.
   ============================================================ */
.entry-content .elementor > .e-con:first-child,
.entry-content .elementor > .elementor-section:first-child {
	margin-top: 0 !important;
}

/* ============================================================
   Explore Pandharpur — hide the page-title band so the hero sits
   flush against the navbar (no gap) on desktop, tablet & phone.
   ============================================================ */
.page-id-2540 .entry-header {
	display: none;
}

/* ============================================================
   Phone — slimmer navbar: 10px trimmed from the top and 10px
   from the bottom of the mobile header bar. Desktop/tablet stay
   as-is.
   ============================================================ */
@media (max-width: 768px) {
	#ast-mobile-header .ast-primary-header-bar {
		min-height: 50px;
	}
	#ast-mobile-header .site-branding.ast-site-identity {
		padding-top: 4.6px;
		padding-bottom: 4.6px;
	}
}

/* ============================================================
   Phone — home hero: lift the headline so it sits ~50px below
   the navbar (it was ~354px down). The hero text container
   carries a 324px mobile top margin; trimming it to 20px puts
   the "Shree Radha Govind" heading right under the bar with a
   clean 50px gap. Scoped to the home page (1318) only.
   ============================================================ */
@media (max-width: 767px) {
	.page-id-1318 .elementor-element-23327ec {
		margin-top: 20px !important;
	}
}

/* ============================================================
   FAQ accordion — match the site's brand (navy + gold, Poppins).
   The Elementor accordion widget (faqac001) on the home page was
   rendering in an off-brand olive/lime scheme with Outfit/DM Sans.
   These overrides re-tie it to the rest of the site, scoped so no
   other accordion is affected.
   ============================================================ */
.elementor-element-faqac001 .elementor-accordion-item {
	border-color: #E4E8EB !important;
	border-top-color: #E4E8EB !important;
}
.elementor-element-faqac001 .elementor-tab-title a.elementor-accordion-title,
.elementor-element-faqac001 .elementor-tab-title .elementor-accordion-title {
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	line-height: 1.4 !important;
	color: #0B2A43 !important;
	transition: color .2s ease !important;
}
.elementor-element-faqac001 .elementor-accordion .elementor-tab-title:hover,
.elementor-element-faqac001 .elementor-accordion .elementor-tab-title:hover a,
.elementor-element-faqac001 .elementor-accordion .elementor-tab-title:hover a.elementor-accordion-title {
	color: #DCA54A !important;
}
.elementor-element-faqac001 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-element-faqac001 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon i {
	color: #DCA54A !important;
}
.elementor-element-faqac001 .elementor-accordion-icon,
.elementor-element-faqac001 .elementor-accordion-icon i {
	color: #DCA54A !important;
}
.elementor-element-faqac001 .elementor-tab-content {
	font-family: "Poppins", sans-serif !important;
	color: #31556F !important;
	line-height: 1.7 !important;
}
@media (prefers-reduced-motion: reduce) {
	.elementor-element-faqac001 .elementor-tab-title a.elementor-accordion-title,
	.elementor-element-faqac001 .elementor-tab-title .elementor-accordion-title {
		transition: none;
	}
}

/* ============================================================
   Privacy, Refund & Cancellation, and Terms & Conditions accordions
   (privac01 / refcac01 / termac01) on Home and About pages — styled
   identically to the FAQ accordion (navy + gold, Poppins) so all four
   policy accordions read as one family.
   ============================================================ */
.elementor-element-privac01 .elementor-accordion-item,
.elementor-element-refcac01 .elementor-accordion-item,
.elementor-element-termac01 .elementor-accordion-item {
	border-color: #E4E8EB !important;
	border-top-color: #E4E8EB !important;
}
.elementor-element-privac01 .elementor-tab-title a.elementor-accordion-title,
.elementor-element-privac01 .elementor-tab-title .elementor-accordion-title,
.elementor-element-refcac01 .elementor-tab-title a.elementor-accordion-title,
.elementor-element-refcac01 .elementor-tab-title .elementor-accordion-title,
.elementor-element-termac01 .elementor-tab-title a.elementor-accordion-title,
.elementor-element-termac01 .elementor-tab-title .elementor-accordion-title {
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	line-height: 1.4 !important;
	color: #0B2A43 !important;
	transition: color .2s ease !important;
}
.elementor-element-privac01 .elementor-accordion .elementor-tab-title:hover,
.elementor-element-privac01 .elementor-accordion .elementor-tab-title:hover a,
.elementor-element-privac01 .elementor-accordion .elementor-tab-title:hover a.elementor-accordion-title,
.elementor-element-refcac01 .elementor-accordion .elementor-tab-title:hover,
.elementor-element-refcac01 .elementor-accordion .elementor-tab-title:hover a,
.elementor-element-refcac01 .elementor-accordion .elementor-tab-title:hover a.elementor-accordion-title,
.elementor-element-termac01 .elementor-accordion .elementor-tab-title:hover,
.elementor-element-termac01 .elementor-accordion .elementor-tab-title:hover a,
.elementor-element-termac01 .elementor-accordion .elementor-tab-title:hover a.elementor-accordion-title {
	color: #DCA54A !important;
}
.elementor-element-privac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-element-privac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon i,
.elementor-element-refcac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-element-refcac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon i,
.elementor-element-termac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon,
.elementor-element-termac01 .elementor-accordion .elementor-tab-title:hover .elementor-accordion-icon i {
	color: #DCA54A !important;
}
.elementor-element-privac01 .elementor-accordion-icon,
.elementor-element-privac01 .elementor-accordion-icon i,
.elementor-element-refcac01 .elementor-accordion-icon,
.elementor-element-refcac01 .elementor-accordion-icon i,
.elementor-element-termac01 .elementor-accordion-icon,
.elementor-element-termac01 .elementor-accordion-icon i {
	color: #DCA54A !important;
}
.elementor-element-privac01 .elementor-tab-content,
.elementor-element-refcac01 .elementor-tab-content,
.elementor-element-termac01 .elementor-tab-content {
	font-family: "Poppins", sans-serif !important;
	color: #31556F !important;
	line-height: 1.7 !important;
}
@media (prefers-reduced-motion: reduce) {
	.elementor-element-privac01 .elementor-tab-title a.elementor-accordion-title,
	.elementor-element-privac01 .elementor-tab-title .elementor-accordion-title,
	.elementor-element-refcac01 .elementor-tab-title a.elementor-accordion-title,
	.elementor-element-refcac01 .elementor-tab-title .elementor-accordion-title,
	.elementor-element-termac01 .elementor-tab-title a.elementor-accordion-title,
	.elementor-element-termac01 .elementor-tab-title .elementor-accordion-title {
		transition: none;
	}
}

/* ============================================================
   Phone — hero photo gallery: keep it inside the hero's normal
   flow (so it can never spill onto the section below), centered,
   narrowed so it no longer bleeds to the left edge (first photo
   was touching the border) and no longer crops the 3rd photo.
   The cell height is kept closer to the photos' 3:2 ratio so the
   images don't look zoomed/cropped. Desktop/tablet untouched.
   ============================================================ */
@media (max-width: 600px) {
	/* Let .herogal01 resolve against the hero container so it can
	   overlay the statues at the hero's bottom without escaping it. */
	.elementor-element-23327ec {
		position: static !important;
	}
	.elementor-1318 .elementor-element-cad4ae7 .elementor-element-herogal01 {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		bottom: 50px !important;
		width: calc(88% + 20px) !important;
		z-index: 5;
	}
	.srgbn-hero-grid {
		width: 100% !important;
	}
	.srgbn-hg-cell {
		height: 86px !important;
	}
	/* Shift the statues 30px up on phone */
	.elementor-element-1cba66f {
		transform: translateY(-40px) scale(0.974) !important;
	}
}

@media (min-width: 601px) {
	/* Hero statue — shift the two idols (Vitthal & Rukmini) on the
	   right of the home hero 30px to the right (desktop/tablet only).
	   Restored to its natural, centered position on phone. */
	.elementor-element-1cba66f {
		transform: translateX(40px) translateY(-5px) scale(0.953);
	}
}

/* ---------------------------------------------------------------------------
   Header tagline — italic white "Stay Pray Explore" with a premium glow, set
   into the blank space between the nav menu and the Book Now button.
   Anchored to the relative #masthead and centred in the header's height.
--------------------------------------------------------------------------- */
.srgbn-header-glow {
	position: absolute;
	top: 0;
	left: 68.0%;
	transform: translateX(-50%);
	height: 62px;
	display: flex;
	align-items: center;
	font-family: 'Great Vibes', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0.10em;
	color: #ffffff;
	white-space: nowrap;
	pointer-events: none;
	z-index: 8;
}

/* No resting glow — the tagline stays plain white. It only blooms when the
   .is-anim class is added (by JS) as the header enters the viewport, so the
   effect plays once on first load and again whenever the user scrolls back
   to the top / hero section. */
.srgbn-header-glow > span {
	opacity: 1;
}

.srgbn-header-glow.is-anim > span {
	animation: srgbn-glow-in 0.5s ease-out forwards;
	transition: none;
}

/* Glow reveal only — the text stays at full opacity the whole time (no dimming,
   so nothing flickers/shakes); only the white+gold text-shadow blooms in and
   settles back to none. */
@keyframes srgbn-glow-in {
	0% {
		text-shadow:
			0 0 3px rgba(255, 255, 255, 0.6),
			0 0 12px rgba(222, 176, 58, 0.45),
			0 0 24px rgba(222, 176, 58, 0.3);
	}
	50% {
		text-shadow:
			0 0 6px rgba(255, 255, 255, 1),
			0 0 22px rgba(222, 176, 58, 0.85),
			0 0 48px rgba(222, 176, 58, 0.55);
	}
	100% {
		text-shadow: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.srgbn-header-glow > span,
	.srgbn-header-glow.is-anim > span {
		animation: none !important;
		opacity: 1;
		text-shadow: none;
	}
}

/* Mobile header — settle the tagline between the logo and the menu toggle,
   with a slightly shorter header and smaller logo (-5px each). */
@media (max-width: 767px) {
	.srgbn-header-glow {
		left: 50%;
		top: 5px;
		height: 54px;
		font-size: 19px;
		letter-spacing: 0.03em;
	}

	.ast-primary-header-bar .site-logo-img img.custom-logo {
		width: 45px !important;
		max-width: 45px !important;
		height: auto !important;
	}

	/* Trim ~5px off the header top by removing the branding's top margin. */
	.ast-primary-header-bar .site-branding {
		margin-top: 0 !important;
	}
}

/* ============================================================
   Policy pages (Privacy / Refund & Cancellation / Terms) —
   navy hero band + cream document card, in the site's Lora +
   Poppins / navy + gold language. The Astra page-title band is
   hidden so each page's own hero is the single h1.
   ============================================================ */
.page-id-3273 .entry-header,
.page-id-3274 .entry-header,
.page-id-3275 .entry-header {
	display: none;
}

.entry-content .srgbn-policy-hero {
	max-width: 900px;
	margin: 0 auto;
	padding: 54px 40px 44px;
	background: #0B2A43;
	border-radius: 12px;
	text-align: center;
}

.srgbn-policy-hero h1 {
	font-family: 'Lora', serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0 0 16px;
}

.srgbn-policy-hero p {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #E9E3D7;
	max-width: 680px;
	margin: 0 auto;
}

.entry-content .srgbn-policy-body {
	max-width: 900px;
	margin: 26px auto 0;
	padding: 44px 48px 48px;
	background: #FDF8E9;
	border: 1px solid #EBDDB8;
	border-radius: 12px;
}

.srgbn-policy-body h2 {
	font-family: 'Lora', serif;
	font-weight: 700;
	font-size: 23px;
	line-height: 1.3;
	color: #0B2A43;
	margin: 34px 0 14px;
	padding-left: 15px;
	border-left: 4px solid #DEB03A;
}

.srgbn-policy-body h2:first-child {
	margin-top: 0;
}

.srgbn-policy-body p {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.75;
	color: #31556F;
	margin: 0 0 14px;
}

.srgbn-policy-body ul {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.75;
	color: #31556F;
	margin: 0 0 18px;
	padding-left: 24px;
}

.srgbn-policy-body li {
	margin-bottom: 7px;
}

.srgbn-policy-body blockquote {
	margin: 22px 0 0;
	padding: 18px 22px;
	border-left: 4px solid #DEB03A;
	background: #FAF2DA;
	border-radius: 0 10px 10px 0;
	font-family: 'Poppins', sans-serif;
	font-style: italic;
	color: #31556F;
}

.srgbn-policy-body strong {
	color: #0B2A43;
	font-weight: 600;
}

@media (max-width: 600px) {
	.entry-content .srgbn-policy-hero {
		padding: 38px 22px 32px;
		border-radius: 10px;
		max-width: 100%;
	}
	.srgbn-policy-hero h1 {
		font-size: 30px;
	}
	.entry-content .srgbn-policy-body {
		padding: 28px 22px 32px;
		border-radius: 10px;
		max-width: 100%;
	}
	.srgbn-policy-body h2 {
		font-size: 20px;
	}
}

/* ============================================================
   Floating policy quick-nav — a fixed vertical rail on the LEFT
   edge, mirroring the social bar that sits on the RIGHT.
   ============================================================ */
.srgbn-policy-nav {
	position: fixed;
	left: 18px;
	bottom: 48px;
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 12px 9px;
	background: rgba(11, 42, 67, 0.35);
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(4px);
}

.srgbn-policy-link,
.srgbn-policy-link span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 38px;
	padding: 2px 4px;
	border-radius: 38px;
	background: #0B2A43;
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #ffffff !important;
	font-family: 'Poppins', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.srgbn-policy-link:hover,
.srgbn-policy-link:focus,
.srgbn-policy-link:hover span,
.srgbn-policy-link:focus span {
	background: #DEB03A;
	color: #ffffff !important;
	transform: none;
}

.srgbn-policy-link:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.srgbn-policy-nav {
		left: 10px;
		bottom: 22px;
		gap: 8px;
		padding: 9px 6px;
	}
	.srgbn-policy-link {
		width: 46px;
		height: 33px;
		font-size: 9px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.srgbn-policy-link {
		transition: none;
	}
	.srgbn-policy-link:hover,
	.srgbn-policy-link:focus {
		transform: none;
	}
}

/* ============================================================
   Footer — the full site footer, rebuilt in the site's own
   language (deep navy, gold, Poppins + Lora). The old empty
   Astra builder footer (#colophon) is hidden so this custom
   footer is the only footer on the page.
   ============================================================ */
#colophon {
	display: none !important;
}

.srgbn-footer {
	background: linear-gradient(180deg, #0b2a43 0%, #081c2e 100%);
	color: #dfe7ee;
	font-family: 'Poppins', sans-serif;
	position: relative;
}

/* Subtle gold wash across the top edge of the footer */
.srgbn-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #0b2a43, #deb03a 30%, #f4d98a 50%, #deb03a 70%, #0b2a43);
}

.srgbn-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 28px;
}

.srgbn-f-grid {
	display: grid;
	grid-template-columns: 1.35fr 0.8fr 1.1fr 1fr;
	gap: 44px;
	padding: 64px 0 48px;
}

.srgbn-f-col {
	min-width: 0;
}

/* ---- Brand column ---- */
.srgbn-f-brand-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

.srgbn-f-logo {
	max-height: 66px;
	width: auto;
	flex: 0 0 auto;
}

.srgbn-f-name {
	font-family: 'Lora', Georgia, serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
}

.srgbn-f-sub {
	display: block;
	margin-top: 4px;
	font-family: 'Great Vibes', 'Cormorant Garamond', cursive;
	font-size: 19px;
	color: #f0c96a;
	letter-spacing: 0.03em;
}

.srgbn-f-desc {
	font-size: 13.5px;
	line-height: 1.75;
	color: #c3d0da;
	margin: 0 0 22px;
}

.srgbn-f-social {
	display: flex;
	gap: 10px;
}

.srgbn-f-soc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(240, 201, 106, 0.35);
	color: #f0c96a;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.srgbn-f-soc:hover {
	background: #deb03a;
	border-color: #deb03a;
	color: #0b2a43;
	transform: translateY(-2px);
}

.srgbn-f-soc img,
.srgbn-f-soc svg {
	width: 18px;
	height: 18px;
	display: block;
	object-fit: contain;
}

/* WhatsApp — official logo in authentic green so it reads as the real
   icon alongside the full-colour FB / IG / YT brand marks. */
.srgbn-f-soc.wa {
	color: #25d366;
}

.srgbn-f-soc.wa:hover {
	color: #25d366 !important;
}

/* ---- Column titles ---- */
.srgbn-f-title {
	font-family: 'Lora', Georgia, serif;
	font-weight: 700;
	font-size: 18px;
	color: #ffffff;
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(240, 201, 106, 0.25);
	position: relative;
}

.srgbn-f-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 34px;
	height: 2px;
	background: #deb03a;
}

/* ---- Quick links ---- */
.srgbn-f-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.srgbn-f-links li {
	margin-bottom: 10px;
}

.srgbn-f-links a {
	color: #c3d0da;
	text-decoration: none;
	font-size: 13.5px;
	line-height: 1.5;
	transition: color .2s ease, padding-left .2s ease;
}

.srgbn-f-links a:hover {
	color: #f0c96a;
	padding-left: 4px;
}

/* ---- Contact ---- */
.srgbn-f-citem {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.6;
	color: #c3d0da;
	margin: 0 0 14px;
}

.srgbn-f-ic {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	margin-top: 3px;
	color: #deb03a;
}

/* ---- Sacred mantra ---- */
.srgbn-f-mantra {
	background: rgba(222, 176, 58, 0.10);
	border: 1px solid rgba(240, 201, 106, 0.35);
	border-radius: 10px;
	padding: 16px 14px;
	text-align: center;
	margin-bottom: 18px;
}

.srgbn-f-mantra-line {
	font-family: 'Lora', Georgia, serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1.35;
	color: #f0c96a;
	margin: 0 0 6px;
}

.srgbn-f-mantra-sub {
	display: block;
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #c3d0da;
}

.srgbn-f-map {
	height: 130px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.srgbn-f-map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

/* ---- Bottom bar ---- */
.srgbn-f-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	padding: 20px 0;
}

.srgbn-f-bottom .srgbn-footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.srgbn-f-copy {
	font-size: 12.5px;
	color: #9fb2c0;
	margin: 0;
}

.srgbn-f-legal {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}

.srgbn-f-legal a {
	font-size: 12.5px;
	color: #9fb2c0;
	text-decoration: none;
	transition: color .2s ease;
}

.srgbn-f-legal a:hover {
	color: #f0c96a;
}

@media (max-width: 1024px) {
	.srgbn-f-grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}
}

@media (max-width: 560px) {
	.srgbn-footer-inner {
		padding: 0 20px;
	}
	.srgbn-f-grid {
		grid-template-columns: 1fr;
		gap: 34px;
		padding: 48px 0 36px;
	}
	.srgbn-f-bottom .srgbn-footer-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.srgbn-f-soc,
	.srgbn-f-links a,
	.srgbn-f-legal a {
		transition: none;
	}
	.srgbn-f-soc:hover,
	.srgbn-f-links a:hover,
	.srgbn-f-legal a:hover {
		transform: none;
	}
}

/* ============================================================
   Home page only — remove the Privacy Policy, Refund &
   Cancellation, and Terms & Conditions sections that sit below
   the FAQ accordion. Scoped to the home page (elementor-1318)
   so the same content on other pages is untouched.
   ============================================================ */
.elementor-1318 .elementor-element-privsec0a,
.elementor-1318 .elementor-element-refcsec0a,
.elementor-1318 .elementor-element-termsec0a {
	display: none !important;
}