/* Site Switcher Button Styles - Centralized */
/* This file contains all styles for the platform switch button */

/* Base styles for the site switcher button */
.site-switcher-banner .btn.site-switcher-banner-btn,
.btn.site-switcher-banner-btn.dropdown-toggle,
.site-switcher-banner-btn,
button.site-switcher-banner-btn,
#siteSwitcherBannerDropdown {
    background-color: #ffc107 !important;
    border: 2px solid #ffc107 !important;
    color: #5e5bed !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    min-width: 180px !important;
    text-align: center !important;
    transition: none !important;
    transform: none !important;
}

/* Remove ALL hover, focus, active effects */
.site-switcher-banner .btn.site-switcher-banner-btn:hover,
.btn.site-switcher-banner-btn.dropdown-toggle:hover,
.site-switcher-banner-btn:hover,
.site-switcher-banner .btn.site-switcher-banner-btn:focus,
.btn.site-switcher-banner-btn.dropdown-toggle:focus,
.site-switcher-banner-btn:focus,
.site-switcher-banner .btn.site-switcher-banner-btn:active,
.btn.site-switcher-banner-btn.dropdown-toggle:active,
.site-switcher-banner-btn:active,
.site-switcher-banner .btn.site-switcher-banner-btn.active,
.btn.site-switcher-banner-btn.dropdown-toggle.active,
.site-switcher-banner-btn.active,
button.site-switcher-banner-btn:hover,
button.site-switcher-banner-btn:focus,
button.site-switcher-banner-btn:active,
button.site-switcher-banner-btn.active,
#siteSwitcherBannerDropdown:hover,
#siteSwitcherBannerDropdown:focus,
#siteSwitcherBannerDropdown:active,
#siteSwitcherBannerDropdown.active {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #5e5bed !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    transition: none !important;
    outline: none !important;
}

/* Override any Bootstrap button styles */
.btn:not(.site-switcher-banner-btn):hover .site-switcher-banner-btn,
.dropdown-toggle:not(.site-switcher-banner-btn):hover .site-switcher-banner-btn {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #5e5bed !important;
}

/* Small text styling */
.site-switcher-banner-btn small {
    font-size: 11px !important;
    opacity: 0.8 !important;
    font-weight: 400 !important;
}

/* Banner container styles */
.site-switcher-banner {
    position: relative !important;
}

/* Ensure banner doesn't clip dropdown */
.hero-marketing-banner {
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.hero-marketing-banner .container {
    overflow: visible !important;
}

.hero-marketing-banner .row {
    overflow: visible !important;
}

/* Dropdown menu styles */
.site-switcher-dropdown {
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    border-radius: 12px !important;
    padding: 8px 0 !important;
    min-width: 320px !important;
    z-index: 99999 !important;
    position: fixed !important;
    transform: none !important;
    background: white !important;
}

.site-switcher-banner .dropdown {
    position: relative !important;
    z-index: 99999 !important;
}

.site-switcher-banner .dropdown-menu.show {
    display: block !important;
    z-index: 99999 !important;
    position: absolute !important;
}

.site-switcher-dropdown .dropdown-item {
    padding: 12px 20px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.site-switcher-dropdown .dropdown-item:hover {
    background-color: #f8f9fa !important;
    transform: translateX(4px) !important;
}

.site-switcher-dropdown .dropdown-item.active {
    background-color: rgba(94, 91, 237, 0.1) !important;
    color: #5e5bed !important;
    font-weight: 600 !important;
}

.site-switcher-dropdown .site-title {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #333 !important;
}

.site-switcher-dropdown .site-description {
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 2px !important;
}

.site-switcher-dropdown .dropdown-header {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #5e5bed !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 8px 20px 12px !important;
}

.site-switcher-dropdown .dropdown-divider {
    margin: 8px 16px !important;
    border-top: 1px solid #e9ecef !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .site-switcher-banner {
        display: none !important;
    }
    
    .col-md-6 {
        text-align: center !important;
    }
    
    .col-md-4 {
        display: none !important;
    }
}