@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Space+Grotesk:wght@500;700&family=Syncopate:wght@700&display=swap');

/* panchang Site Style Override */

:root {
	--color-panchang-brown-dark: #904900;
	--color-panchang-amber: #D98117;
	--color-panchang-black: #000000;
	--color-panchang-gray: #827872;
	--color-panchang-peach-light: #FFDCC2;
	--color-panchang-orange-dark: #C96B12;
	--color-panchang-brown-deep: #4B2E0E;
	--color-panchang-cream: #F5F3EF;
	--color-panchang-cream-light: #FEFBF7;
	--color-panchang-black-50: #00000080;
	--color-panchang-white: #FFFFFF;
}

.contact {
	--contact-bg: ;
	--contact-form-bg: #ffffff;
	--contact-form-radius: 48px;
	--contact-input-bg: #F5F3EF;
	--contact-label-color: var(--color-panchang-black);
	--contact-placeholder-color: rgba(119, 120, 108, 0.5);
	--contact-note-color: var(--color-panchang-black-50);
	--contact-btn-bg: var(--color-panchang-brown-dark);
	--contact-btn-color: var(--color-panchang-white);
	--contact-details-bg: var(--color-panchang-brown-dark);
	--contact-details-radius: 8px;
	--contact-details-heading-color: var(--color-panchang-white);
	--contact-details-icon-bg: var(--color-panchang-white);
	--contact-details-icon-color: var(--color-panchang-brown-dark);
	--contact-info-label-color: var(--color-panchang-peach-light);
	--contact-info-value-color: var(--color-panchang-white);
	--contact-social-heading-color: var(--color-panchang-peach-light);
	--contact-social-link-color: var(--color-panchang-white);
	--contact-font-heading: 'Space Grotesk', var(--font-family-heading);
	--contact-font-body: 'Manrope', var(--font-family-base);
}

body.page {
	background-color: var(--color-panchang-cream-light);
	color: var(--color-panchang-black);
}

.page-title,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-panchang-brown-dark);
}

.entry-content h1{
	font-size: clamp(28px, 3.5vw, 65px);
	margin: 0;
	line-height: 1.5;
}

.entry-content h2{
	font-size: clamp(24px, 3vw, 60px);
}

.section-title__main{
	color: var(--color-panchang-brown-dark);
}

.site-header__menu a::after {
	background-color: var(--color-panchang-brown-dark);
}

.site-header__menu a {
	color: var(--color-panchang-brown-dark);
}

.site-header__menu a:hover,
.site-header__menu a:focus-visible,
.site-header__menu .menu-item.is-active-section>a,
.site-header__menu a.is-active-section {
	color: var(--color-panchang-brown-dark);
}

.site-header__btn {
	background-color: var(--color-panchang-brown-dark);
	color: var(--color-panchang-white);
	border-radius: 12px;
	padding: 10px 22px;
	font-weight: 600;
}

.site-header__btn:hover,
.site-header__btn:focus {
	background-color: var(--color-panchang-brown-deep);
	color: var(--color-panchang-white);
}

.site-header__cta {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	z-index: 1001;
}

.site-header__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	font-family: var(--font-family-heading);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #FFFFFF;
	background-color: var(--color-panchang-brown-dark);
	border-radius: 8px;
	text-decoration: none;
	transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-header__btn:hover,
.site-header__btn:focus {
	color: #FFFFFF;
	opacity: 0.92;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.site-header__btn-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

body .hero{
	padding: 50px 0;
}

.hero__title em{
	color: var(--color-panchang-amber);
}

.hero__tagline-badge{
	background-color: #C96B1210;
	color: var(--color-panchang-orange-dark);
	border: 0;
}

.hero__description{
	font-size: clamp(20px, 2vw, 32px);
	color: var(--color-panchang-black);
}

.how-it-works{
	padding: 50px 0;
}

.how-it-works__heading,
.entry-content .how-it-works__heading,
.entry-content h3.how-it-works__heading {
	margin: 0;
	font-family: var(--font-family-body);
	font-weight: 700;
	font-size: 24px;
	line-height: 1.25;
	color: var(--color-panchang-brown-dark);
}

.how-it-works__text, .entry-content .how-it-works__text, .entry-content p.how-it-works__text {
    margin: 0;
    font-family: var(--how-it-works-font-body);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-panchang-gray);
    text-transform: capitalize;
}

.how-it-works__card{
	border: 1px solid var(--color-panchang-peach-light);
	padding: 32px;
}

.app-showcase {
	background-color: var(--color-panchang-cream-light, #FEFBF7);
}

.app-showcase .slick-dots li button {
	background: var(--color-panchang-peach-light, #FFDCC2);
}

.app-showcase .slick-dots li.slick-active button {
	background: var(--color-panchang-brown-dark, #904900);
}

.why-choose {
	background-color: var(--color-panchang-cream-light, #FEFBF7);
}

.why-choose__text {
	color: var(--color-panchang-brown-dark, #904900);
}

.why-choose__icon svg circle {
	fill: var(--color-panchang-amber, #D98117);
}

.entry-content ul{
	margin: 0;
}

.testimonials__text{
	color: var(--color-panchang-brown-deep);
}

.contact .cf7-input, .entry-content .cf7-input,
.contact .cf7-select, .entry-content .cf7-select,
.contact .cf7-textarea, .entry-content .cf7-textarea,
.contact .cf7-submit, .entry-content .cf7-submit, input.cf7-submit, .entry-content input.cf7-submit{
	border-radius: 8px;

}

.hero--dual-device-hero .hero__media-image--primary{
    transform:none;
    box-shadow:none;
    border-radius: 0;
}

/* Panchang Footer Styles */
.site-footer--panchang {
	background-color: transparent;
	padding: 0;
}

.site-footer__panchang-bar {
	background-color: var(--color-panchang-brown-dark, #904900);
	padding: 16px 0;
}

.site-footer__panchang-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 60px;
}

.site-footer__panchang-brand {
	display: flex;
	align-items: center;
}

.site-footer__panchang-logo {
	max-height: 54px;
	width: auto;
	object-fit: contain;
	display: block;
	border-radius: 12px;
}

.site-footer__panchang-nav {
	flex: 1;
}

.site-footer__panchang-menu {
	display: flex;
	align-items: center;
	gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
}

.site-footer__panchang-menu a {
	color: var(--color-panchang-white);
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.site-footer__panchang-menu a:hover,
.site-footer__panchang-menu a:focus {
	opacity: 0.85;
	text-decoration: none;
	color: var(--color-panchang-peach-light);
}

.site-footer__panchang-bottom {
	background-color: var(--color-panchang-cream-light, #FEFBF7);
	padding: 20px 0;
	text-align: center;
}

.site-footer__panchang-bottom .site-footer__credit {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 20px;
	font-weight: 500;
	color: var(--color-panchang-brown-dark, #904900);
}

.site-footer__panchang-bottom .site-footer__credit a {
	color: var(--color-panchang-brown-dark);
	font-weight: 700;
}

@media (max-width: 768px) {
	.site-footer__panchang-inner {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	.site-footer__panchang-menu {
		justify-content: center;
		gap: 20px;
	}

	.site-footer__panchang-menu a {
		font-size: 16px;
	}

	.site-footer__panchang-bottom {
		padding: 16px 0;
	}

	.site-footer__panchang-bottom .site-footer__credit {
		font-size: 14px;
	}
}