/* Fix mobile navbar text truncation issue */

/* Ensure navbar elements don't get cut off on mobile */
@media only screen and (max-width: 992px) {
    /* Prevent text from being cut off */
    #navbar-default,
    #navbar-default .container,
    .navbar,
    .navbar-brand,
    #navbar-brand-logo,
    #title_brand {
        overflow: visible !important;
    }
    
    /* Ensure proper spacing */
    .navbar-brand {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Fix h1/h2 in navbar */
    #navbar-brand-logo h1,
    #navbar-brand-logo h2 {
        margin: 0;
        padding: 0;
        overflow: visible;
        white-space: nowrap;
    }
    
    /* Fix site links */
    .site_link {
        overflow: visible;
        white-space: nowrap;
    }
    
    /* Fix dropdown menu */
    .navbar-collapse {
        overflow: visible !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .navbar-collapse .navbar-nav {
        overflow: visible;
    }
    
    .navbar-collapse .navbar-nav li {
        overflow: visible;
    }
    
    .navbar-collapse .navbar-nav li a {
        overflow: visible;
        white-space: normal;
        word-wrap: break-word;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Extra small devices (phones, less than 768px) */
@media only screen and (max-width: 767px) {
    /* Make sure container has proper padding */
    #navbar-default .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Adjust font size if needed */
    #navbar-brand-logo h1,
    #navbar-brand-logo h2 {
        font-size: 100%;
    }
}