/* ============================================================
   App-Style Mobile UI  |  Manit Cab  |  Design By Joboo Web
   ============================================================ */

/* ---- Bottom App Navigation ---- */
.app-bottom-nav{
    display:none;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:9999;
    background:#1c1c1c;
    border-top:2px solid #a19400;
    box-shadow:0 -4px 18px rgba(0,0,0,.35);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
}
.app-bottom-nav a{
    flex:1;
    text-align:center;
    color:#cfcfcf;
    font-size:11px;
    font-weight:600;
    text-decoration:none;
    padding:4px 2px;
    -webkit-tap-highlight-color:transparent;
}
.app-bottom-nav a i{
    display:block;
    font-size:20px;
    margin-bottom:3px;
    color:#cfcfcf;
    transition:transform .15s ease;
}
.app-bottom-nav a:active i{ transform:scale(1.2); }
.app-bottom-nav a span{ display:block; letter-spacing:.3px; }

/* Highlighted WhatsApp button - floating pill */
.app-bottom-nav .app-nav-book{
    position:relative;
    margin-top:-26px;
}
.app-bottom-nav .app-nav-book i{
    width:52px; height:52px;
    line-height:52px;
    margin:0 auto 3px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    font-size:24px;
    box-shadow:0 4px 14px rgba(37,211,102,.5);
}
.app-bottom-nav .app-nav-book span{ color:#25D366; }

@media (max-width:991px){
    .app-bottom-nav{ display:flex; }
    body{ padding-bottom:72px; }

    /* App feel: card-style boxes, smooth touch */
    body{ -webkit-font-smoothing:antialiased; }
    .blog-box{
        border-radius:14px;
        overflow:hidden;
        box-shadow:0 3px 12px rgba(0,0,0,.12);
        border:none;
    }
    .blog-box img{ border-radius:14px 14px 0 0; }
    .homeForm{
        border-radius:16px;
        box-shadow:0 6px 20px rgba(0,0,0,.18);
        padding:18px !important;
        margin:12px;
    }
    .input-text{
        border-radius:10px !important;
        min-height:44px;
        font-size:16px; /* stops iOS zoom */
    }
    .btn-submit, .btn-outline{
        border-radius:10px !important;
        min-height:44px;
    }
    .main-header{
        position:sticky;
        top:0;
        z-index:9998;
        box-shadow:0 2px 10px rgba(0,0,0,.15);
        background:#fff;
    }
    iframe{ border-radius:0; }
    .copy-right{ padding-bottom:10px; }
}

/* ---- Route landing page styles (all screens) ---- */
.route-hero{
    background:linear-gradient(rgba(20,20,20,.65),rgba(20,20,20,.65)),url(../img/sub-banner.jpg) center/cover no-repeat;
    padding:70px 15px;
    text-align:center;
    color:#fff;
}
.route-hero h1{
    font-size:34px;
    font-weight:800;
    margin:0 0 10px;
    color:#fff;
}
.route-hero h1 span{ color:#e5d200; }
.route-hero p{ font-size:16px; color:#eee; max-width:720px; margin:0 auto 20px; }
.route-hero .btn-call{
    display:inline-block;
    background:#a19400;
    color:#fff;
    font-weight:700;
    padding:12px 26px;
    border-radius:30px;
    margin:5px;
    text-decoration:none;
}
.route-hero .btn-wa{
    display:inline-block;
    background:#25D366;
    color:#fff;
    font-weight:700;
    padding:12px 26px;
    border-radius:30px;
    margin:5px;
    text-decoration:none;
}
.route-info{ padding:40px 0; }
.route-info h2{ font-size:26px; font-weight:700; margin-bottom:15px; }
.route-info h2 span{ color:#a19400; }
.route-info p{ font-size:15px; line-height:1.8; color:#555; }
.route-facts{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:20px 0;
}
.route-facts .fact{
    flex:1 1 140px;
    background:#faf8ea;
    border:1px solid #eee3a0;
    border-radius:12px;
    padding:16px 10px;
    text-align:center;
}
.route-facts .fact i{ font-size:22px; color:#a19400; display:block; margin-bottom:6px; }
.route-facts .fact strong{ display:block; font-size:16px; color:#222; }
.route-facts .fact small{ color:#777; }
.fare-table{ width:100%; border-collapse:collapse; margin:15px 0 25px; }
.fare-table th{
    background:#1c1c1c; color:#fff;
    padding:12px 10px; text-align:left; font-size:14px;
}
.fare-table td{
    padding:12px 10px; border-bottom:1px solid #eee; font-size:14px; color:#444;
}
.fare-table tr:nth-child(even) td{ background:#faf9f2; }
.fare-table .book-td a{
    background:#25D366; color:#fff; padding:6px 14px;
    border-radius:20px; font-size:13px; font-weight:600; text-decoration:none;
}
.route-why li{
    list-style:none; padding:6px 0 6px 26px; position:relative; color:#555; font-size:15px;
}
.route-why li:before{
    content:"\f00c";
    font-family:FontAwesome;
    position:absolute; left:0; color:#a19400;
}
@media (max-width:767px){
    .route-hero{ padding:45px 15px; }
    .route-hero h1{ font-size:24px; }
}