/* 
 * Minimal zoom fixes for MenakaInn website
 * Only fixes the CHECK IN NOW button wrapping issue
 */

/* Button wrapping fix */
.th-header .th-btn2 {
    white-space: nowrap;
}

/* Header layout fixes - only what's needed */
.th-header .menu-area {
    display: flex;
    flex-wrap: nowrap;
}

.th-header .menu-area .row {
    flex-wrap: nowrap;
    width: 100%;
}

/* Better navigation spacing */
.th-header .main-menu > ul {
    display: flex;
    flex-wrap: nowrap;
}

/* About section fixes */
#about-sec .title-area p {
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
}

#about-sec .about-feature .box-content {
    white-space: normal;
    word-wrap: break-word;
}

#about-sec .about-feature .box-title {
    white-space: normal;
    word-wrap: break-word;
}

/* Fix for the third column wrapping on tablet sizes - more specific and stronger override */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #about-sec .row.align-items-center {
        flex-wrap: nowrap !important;
    }
    
    #about-sec .col-lg-6 {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
        width: 33.33% !important;
    }
    
    #about-sec .about-feature-wrap {
        padding-left: 0 !important;
    }
    
    #about-sec .about-feature .box-title {
        font-size: 16px !important;
    }
    
    #about-sec .about-feature .box-text {
        font-size: 13px !important;
    }
    
    #about-sec .about-feature {
        margin-bottom: 15px !important;
    }
    
    /* Make contents fit better */
    #about-sec .box-icon img {
        max-width: 30px !important;
    }
}

/* Only keep essential media queries */
@media screen and (min-width: 992px) and (max-width: 1199px) {    
    /* Header adjustments for this breakpoint */
    .th-header .main-menu > ul > li {
        padding: 0 5px;
    }
    
    .th-header .main-menu > ul > li > a {
        font-size: 14px;
    }
}