/* =========================================================================
   PlayRox site template — "Indigo Heritage"
   A drop-in recolour of the theme skin: indigo primary, orange header accent,
   green menu underline, indigo menu bars / footer / side menu. It only changes
   colours and menu-bar styling — every theme feature works exactly as before.
   ========================================================================= */

:root {
	--color-primary: #2e2a7a;   /* deep indigo */
	--color-secondary: #ffffff;
}

/* ---- Palette tokens (used below) --------------------------------------- */
/* indigo #2e2a7a · indigo-dark #24215f · orange #f4820a · green #16a34a */

/* ---- Header: menu bar (lines are controlled from Site → Header lines) --- */
.header-inner-line-2.skin-theme,
.header-menu {
	background: #ffffff !important;
}

/* ---- Desktop menu links ------------------------------------------------- */
.desktop-menu > li > a,
.header-nav .desktop-menu > li > a {
	color: #2e2a7a !important;
}
.desktop-menu > li > a:hover {
	color: #f4820a !important;
}

/* "More" dropdown */
.menu-more-dropdown {
	background: #2e2a7a !important;
}
.menu-more-dropdown a:hover {
	background: #24215f !important;
}

/* ---- Mobile menu bar / category bar (kept WHITE like desktop) ---------- */
.mobile-category-bar,
.mobile-category-scroll ul,
.mobile-category-bar ul {
	background: #ffffff !important;
}
.mobile-category-toggle,
.mobile-category-scroll a,
.mobile-category-bar a {
	color: #2e2a7a !important;
}
.toggle-mobile-menu,
.toggle-mobile-menu i {
	color: #2e2a7a !important;
}

/* ---- Mobile slide-in menu (drawer) + social icons ---------------------- */
.mobile-menu-drawer {
	background: #ffffff !important;
}
.mobile-menu-drawer a {
	color: #2e2a7a !important;
}
.mobile-menu-drawer .social-icons a,
.mobile-menu-social a,
.mobile-menu-drawer .social a,
.mobile-menu-drawer [class*="icon-"] a,
.mobile-menu-drawer ul.social li a {
	background: #2e2a7a !important;
	color: #ffffff !important;
	border-radius: 50% !important;
}
.mobile-menu-drawer .about-box,
.mobile-menu-drawer .widget {
	background: #f4f5fa !important;
	color: #2e2a7a !important;
}

/* ---- Footer ------------------------------------------------------------ */
.footer-outer,
.colophon-outer {
	background: #2e2a7a !important;
	color: #ffffff !important;
}
.footer-outer a,
.colophon-outer a {
	color: #ffffff !important;
}
.colophon-outer .copyright,
.colophon-outer .copyright a {
	color: #ffffff !important;
}

/* ---- Accents that used the theme green ---------------------------------- */
.button,
button.button,
input[type="submit"] {
	background: #2e2a7a !important;
	color: #ffffff !important;
}
a {
	/* keep body links readable but on-brand */
}
.post-title a:hover,
.entry-title a:hover {
	color: #f4820a !important;
}

/* Section eyebrow headings (e.g. DISCOVER HINDUSTAN, POPULAR) */
.slider-title,
.widget-title,
.section-title {
	color: #2e2a7a !important;
}

/* ---- Sign-in / welcome deck (recoloured to indigo) --------------------- */
.playrox-auth {
	--pra-deep: #201d5c;
	--pra-deep-2: #24215f;
	--pra-green: #2e2a7a;
	--pra-green-bright: #3a35a0;
	--pra-green-light: #6b66d6;
	--pra-gold: #f4820a;
}
.playrox-auth .playrox-accent { color: #2e2a7a !important; }
.playrox-auth__cta,
.playrox-auth__btn--primary {
	background: linear-gradient( 180deg, #3a35a0 0%, #2e2a7a 100% ) !important;
	color: #ffffff !important;
}