/* Mobile Improvements CSS */
/* This file improves the mobile experience by making text and elements larger */

/* Base mobile improvements */
@media (max-width: 768px) {
    /* Increase base font size for better readability */
    body {
        font-size: 19px !important;
        line-height: 32px !important;
    }
    
    p {
        font-size: 19px !important;
        line-height: 32px !important;
        margin-bottom: 18px !important;
    }
    
    /* Increase heading sizes for mobile */
    h1 {
        font-size: 50px !important;
        line-height: 1.3em !important;
    }
    
    h2 {
        font-size: 40px !important;
        line-height: 1.3em !important;
    }
    
    h3 {
        font-size: 34px !important;
        line-height: 1.3em !important;
    }
    
    h4 {
        font-size: 30px !important;
        line-height: 1.3em !important;
    }
    
    h5 {
        font-size: 27px !important;
        line-height: 1.3em !important;
    }
    
    h6 {
        font-size: 24px !important;
        line-height: 1.3em !important;
    }
    
    /* Improve section titles */
    .section-title {
        font-size: 46px !important;
        line-height: 52px !important;
        margin-bottom: 25px !important;
    }
    
    /* Better navigation for mobile */
    .navbar .navbar-nav .nav-link {
        font-size: 19px !important;
        padding: 12px 15px !important;
    }
    
    /* Improve button sizes */
    .button-1, .button-2 {
        font-size: 18px !important;
        padding: 15px 30px !important;
        line-height: 32px !important;
    }
    
    /* Better form elements */
    .form-control {
        font-size: 18px !important;
        padding: 15px 20px !important;
        height: auto !important;
        min-height: 50px !important;
    }
    
    .btn {
        font-size: 18px !important;
        padding: 15px 25px !important;
        min-height: 50px !important;
    }
    
    /* Improve booking form */
    .form1 input, .form1 select {
        font-size: 18px !important;
        padding: 15px 20px !important;
        min-height: 50px !important;
    }
    
    /* Better spacing for mobile */
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Improve section padding */
    .section {
        padding: 60px 0 !important;
    }
    
    /* Better card/item spacing */
    .item {
        margin-bottom: 30px !important;
    }
    
    /* Improve pricing cards for mobile */
    .pricing .item .cont h6 {
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    
    .pricing .item .cont .line {
        margin-bottom: 25px !important;
    }
    
    .pricing .item .cont .line span:first-child {
        font-size: 19px !important;
        line-height: 32px !important;
    }
    
    /* Better room details */
    .rooms2 .item .cont h5 a {
        font-size: 28px !important;
        line-height: 1.3em !important;
    }
    
    .rooms2 .item .cont p {
        font-size: 19px !important;
        line-height: 32px !important;
    }
    
    /* Improve restaurant/service items */
    .restaurant .item .cont h5 {
        font-size: 28px !important;
        margin-bottom: 15px !important;
    }
    
    /* Better testimonials */
    .testimonials .item .text {
        font-size: 20px !important;
        line-height: 34px !important;
    }
    
    .testimonials .item .info h6 {
        font-size: 22px !important;
    }
    
    .testimonials .item .info span {
        font-size: 18px !important;
    }
    
    /* Improve footer text */
    .footer .item h5 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    
    .footer .item p, .footer .item li {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    
    /* Better contact info */
    .contact-info .item h5 {
        font-size: 26px !important;
        margin-bottom: 15px !important;
    }
    
    .contact-info .item p {
        font-size: 19px !important;
        line-height: 32px !important;
    }
    
    /* Improve modal content */
    .modal-content {
        font-size: 18px !important;
    }
    
    .modal-title {
        font-size: 28px !important;
    }
    
    /* Better accordion/FAQ content */
    .accordion .card-header button {
        font-size: 20px !important;
        padding: 20px !important;
    }
    
    .accordion .card-body {
        font-size: 19px !important;
        line-height: 32px !important;
        padding: 25px !important;
    }
    
    /* Improve gallery and image spacing */
    .gallery .item {
        margin-bottom: 20px !important;
    }
}

/* For very small screens (phones in portrait) */
@media (max-width: 480px) {
    body {
        font-size: 20px !important;
        line-height: 34px !important;
    }
    
    p {
        font-size: 20px !important;
        line-height: 34px !important;
    }
    
    h1 {
        font-size: 48px !important;
    }
    
    h2 {
        font-size: 38px !important;
    }
    
    h3 {
        font-size: 32px !important;
    }
    
    .section-title {
        font-size: 44px !important;
        line-height: 50px !important;
    }
    
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Larger touch targets */
    .btn, .button-1, .button-2 {
        min-height: 52px !important;
        font-size: 19px !important;
        padding: 16px 28px !important;
    }
    
    .form-control {
        min-height: 52px !important;
        font-size: 19px !important;
        padding: 16px 20px !important;
    }
}

/* Landscape phones and small tablets */
@media (max-width: 768px) and (orientation: landscape) {
    .navbar-collapse {
        max-height: 300px !important;
        overflow-y: auto !important;
    }
    
    .section {
        padding: 50px 0 !important;
    }
}

/* Better touch targets for all mobile devices */
@media (max-width: 768px) {
    /* Ensure all clickable elements are at least 44px */
    a, button, .btn, input[type="submit"], input[type="button"] {
        min-height: 44px !important;
        min-width: 44px !important;
    }
    
    /* Better spacing between clickable elements */
    .navbar-nav .nav-item {
        margin: 5px 0 !important;
    }
    
    /* Improve dropdown menus */
    .dropdown-menu {
        font-size: 18px !important;
    }
    
    .dropdown-item {
        padding: 15px 20px !important;
        font-size: 18px !important;
    }
}