/* Button Toggle Fixes */
.button-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.btn-toggle {
    position: relative;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.6) !important;
    border: 2px solid rgba(59, 130, 246, 0.2) !important;
    border-radius: 12px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #cbd5e1 !important;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    /* Fix for text rendering issues on mobile */
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-rendering: optimizeLegibility !important;
    font-feature-settings: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.btn-toggle:hover {
    border-color: rgba(59, 130, 246, 0.4) !important;
    background: rgba(59, 130, 246, 0.1) !important;
    color: white !important;
}

.btn-toggle.active {
    background: rgba(59, 130, 246, 0.2) !important;
    border-color: #3b82f6 !important;
    color: white !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3) !important;
}

.btn-toggle.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
    border-radius: 10px;
    pointer-events: none;
}

/* Footer Dark Background Fix */
.footer,
footer,
.footer-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    color: #cbd5e1 !important;
}

.footer-widget h5,
.footer-widget h4,
.footer-widget h3 {
    color: white !important;
}

.footer-widget a {
    color: #94a3b8 !important;
}

.footer-widget a:hover {
    color: #3b82f6 !important;
}

.footer-bottom {
    background: rgba(15, 23, 42, 0.8) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.2) !important;
}

/* Hide Blog Section */
.blog-section,
.blog-area,
section[class*="blog"],
.section-blog {
    display: none !important;
}

/* Hide World Map */
.world-map,
.map-section,
section[class*="map"],
.global-map {
    display: none !important;
}

/* Additional footer fixes */
.footer-area {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

.footer-top {
    background: transparent !important;
}

.footer-bottom-area {
    background: rgba(15, 23, 42, 0.9) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.2) !important;
}