/* Mobile Landscape Orientation Styles */
/* This file contains styles that will only apply when the device is in landscape mode */

/* Hide header, carousel, and mobile bottom nav on landscape - MOBILE ONLY */
@media screen and (orientation: landscape) and (max-width: 991px) {
    .header {
        display: none !important;
    }
    
    .carousel-container {
        display: none !important;
    }
    
    /* Make mobile bottom nav smaller in landscape */
    .mobile-bottom-nav {
        height: 80px; /* Reduced from default height */
        min-height: 40px;
    }
    
    .mobile-bottom-nav-top {
        height: 40px;
        min-height: 40px;
        padding: 6px 12px; /* Reduced padding */
    }
    
    /* Make bet slip indicator smaller */
    .bet-slip-indicator {
        height: 28px; /* Reduced height */
        min-height: 28px;
        padding: 4px 10px; /* Reduced padding */
    }
    
    /* Make bet slip badge smaller */
    .bet-slip-badge {
        width: 20px; /* Reduced from 28px */
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        font-size: 12px; /* Reduced font size */
    }
    
    /* Make bet slip text smaller */
    .bet-slip-text {
        font-size: 12px; /* Reduced font size */
        line-height: 1.2;
    }
    
    /* Make mobile bottom nav inner icons visible and properly sized */
    .mobile-bottom-nav-inner {
        height: 40px;
        min-height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    
    .mobile-bottom-nav-inner i {
        font-size: 16px; /* Reduced icon size */
    }
    
    .mobile-bottom-nav-inner .nav-item {
        height: 40px;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}