/* ==========================================================================
ULTRA-COMPACT CSS FOR MINIMAL HEADER HEIGHT
========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&display=swap');
.elite-header-toggle-wrapper {
display: inline-flex;
align-items: center;
vertical-align: middle;
padding: 0;
margin: 0;
}
.elite-header-switch-track {
position: relative;
display: flex;
background-color: #0B1930;
border-radius: 20px;
padding: 2px;
width: 96px; /* Ultra-compact width */
height: 26px; /* Ultra-low profile height */
box-sizing: border-box;
align-items: center;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
isolation: isolate;
}
/* The sliding white pill element */
.elite-header-slider {
position: absolute;
top: 2px;
left: 2px;
width: 44px; /* Half of track width minus padding */
height: 22px;
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
z-index: 1;
}
/* Slide transformation rules */
.elite-header-switch-track.is-global-active .elite-header-slider {
transform: translateX(46px);
}
/* Individual navigation toggle links */
.elite-header-switch-link {
position: relative;
flex: 1;
text-align: center;
z-index: 2;
text-decoration: none !important;
font-family: 'Manrope', sans-serif;
font-size: 11px;
font-weight: 700;
color: #94A3B8 !important;
line-height: 22px;
transition: color 0.25s ease;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
}
/* Active dynamic color states */
.elite-header-switch-track.is-india-active #link-india span,
.elite-header-switch-track.is-global-active #link-global span {
color: #0B1930 !important; /* Bold navy text over white pill for contrast */
}
/* Hover state */
.elite-header-switch-link:hover {
color: #FFFFFF !important;
}
document.addEventListener("DOMContentLoaded", function() {
var currentUrl = window.location.href;
var switchTrack = document.getElementById('eliteRegionSwitch');
if (switchTrack) {
if (currentUrl.includes('/global/')) {
switchTrack.classList.add('is-global-active');
} else {
switchTrack.classList.add('is-india-active');
}
}
});
