/* =========================
   TravelIAQ Homepage Mobile
   File: traveliaq-home-mobile.css
   ========================= */
   
@media (max-width:767px){

    .traveliaq-home-banner,
    #traveliaq-home-banner,
    .traveliaq-banner-popup{
        display:none !important;
    }

}

    body.traveliaq-home-body{
        overflow-x:hidden;
    }

    .traveliaq-container{
        width:100%;
        max-width:100%;
        padding:0 14px;
        box-sizing:border-box;
    }

    /* Hero */

    .traveliaq-dashboard-hero{
        padding:30px 10px 22px;
        text-align:center;
        margin-top:30px;
    }

    .traveliaq-kicker{
        font-size:14px;
        line-height:1.5;
        margin-bottom:14px;
    }

    .traveliaq-dashboard-hero h1{
        font-size:29px;
        line-height:1.13;
        letter-spacing:-.5px;
        margin:0 0 16px;
    }

    .traveliaq-subtitle{
        font-size:15px;
        line-height:1.65;
        max-width:330px;
        margin:0 auto;
    }

    .traveliaq-search-box{
        display:none;
    }

    /* Banner */

    body.traveliaq-home-banner,
    body #traveliaq-home-banner,
    body.traveliaq-banner-popup{
        display:none !important;
    }

    /* Stats */

    .traveliaq-dashboard-stats{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        padding:18px 0 24px;
    }

    .traveliaq-metric-card{
        width:100%;
        padding:18px;
        box-sizing:border-box;
    }

    .traveliaq-metric-card strong{
        font-size:25px;
        line-height:1.2;
    }

    .traveliaq-metric-card span{
        font-size:14px;
        line-height:1.35;
    }

    /* Main dashboard cards */

    .traveliaq-dashboard-grid,
    .traveliaq-lower-grid,
    .traveliaq-home-boxes{
        display:grid;
        grid-template-columns:1fr;
        gap:18px;
        width:100%;
    }

    .traveliaq-dashboard-card,
    .traveliaq-home-box,
    .traveliaq-lower-grid > article{
        width:100%;
        max-width:100%;
        min-width:0;
        padding:22px;
        box-sizing:border-box;
    }

    .traveliaq-card-head h2,
    .traveliaq-dashboard-card h2{
        font-size:23px;
        line-height:1.2;
        letter-spacing:-.2px;
    }

    .traveliaq-card-description,
    .traveliaq-dashboard-card p,
    .traveliaq-home-box li,
    .traveliaq-latest-item a,
    .traveliaq-hidden-item a{
        font-size:15px;
        line-height:1.6;
    }

    .traveliaq-card-link{
        font-size:14px;
        line-height:1.4;
    }

    /* Hall of Fame */

    .traveliaq-hof{
        padding:34px 0;
    }

    .traveliaq-hof-head{
        text-align:center;
        padding:0 6px 22px;
    }

    .traveliaq-hof-head h2{
        font-size:25px;
        line-height:1.18;
        margin-bottom:12px;
    }

    .traveliaq-hof-head p{
        font-size:15px;
        line-height:1.6;
    }

    .tia-hof-grid,
    .traveliaq-hof-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
        width:100% !important;
    }

    .tia-hof-card,
    .traveliaq-hof-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        padding:22px !important;
        box-sizing:border-box !important;
    }

    .tia-hof-card h3,
    .traveliaq-hof-card h3{
        font-size:20px;
        line-height:1.28;
    }

    .tia-hof-motto{
        font-size:15px;
        line-height:1.6;
    }

    /* Challenge + Dictionary */

    .traveliaq-who-said,
    .traveliaq-dictionary-strip{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:18px !important;
        padding:24px 18px !important;
        text-align:center !important;
    }

    .traveliaq-who-said-image,
    .traveliaq-dictionary-strip-image{
        order:1 !important;
        width:100% !important;
    }

    .traveliaq-who-said-content,
    .traveliaq-dictionary-strip-content{
        order:2 !important;
        width:100% !important;
        max-width:100% !important;
        text-align:center !important;
    }

    .traveliaq-who-said img,
    .traveliaq-dictionary-strip img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        margin:0 auto !important;
        border-radius:14px !important;
    }

    .traveliaq-who-said h2,
    .traveliaq-dictionary-strip h2{
        font-size:24px;
        line-height:1.2;
        margin-bottom:12px;
    }

    .traveliaq-who-said p,
    .traveliaq-dictionary-strip p{
        font-size:15px;
        line-height:1.65;
    }

    /* Hidden Mechanisms */

    .traveliaq-hidden-mechanisms-home{
        padding:34px 0;
    }

    .traveliaq-hidden-head{
        text-align:center;
        padding:0 8px 22px;
    }

    .traveliaq-hidden-head h2{
        font-size:25px;
        line-height:1.18;
    }

    .traveliaq-hidden-head p{
        font-size:15px;
        line-height:1.6;
    }

    .traveliaq-hidden-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
        width:100% !important;
    }

    .traveliaq-hidden-card{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        padding:22px !important;
        box-sizing:border-box !important;
        text-align:left !important;
        writing-mode:horizontal-tb !important;
        text-orientation:mixed !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .traveliaq-hidden-card *{
        writing-mode:horizontal-tb !important;
        text-orientation:mixed !important;
    }

    .traveliaq-hidden-card h3{
        font-size:22px !important;
        line-height:1.25 !important;
        margin-bottom:10px !important;
    }

    .traveliaq-hidden-card p{
        font-size:15px !important;
        line-height:1.6 !important;
    }

    /* Explore by Category + Intent */

    .traveliaq-icon-grid,
    .traveliaq-intent-mini-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;
        width:100% !important;
    }

    .traveliaq-icon-grid a,
    .traveliaq-intent-mini-grid a{
        min-width:0 !important;
        min-height:112px !important;
        padding:16px 8px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        box-sizing:border-box !important;
    }

    .traveliaq-icon-grid span,
    .traveliaq-intent-mini-grid span{
        font-size:25px !important;
        margin-bottom:8px !important;
    }

    .traveliaq-icon-grid strong,
    .traveliaq-intent-mini-grid strong{
        font-size:13px !important;
        line-height:1.25 !important;
    }

    .traveliaq-intent-mini-grid em{
        display:none !important;
    }

    /* Lower sections */

    .traveliaq-explorers,
    .traveliaq-ai-welcome,
    .traveliaq-city-launch{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }

    .traveliaq-explorers-card,
    .traveliaq-ai-welcome,
    .traveliaq-city-launch-inner{
        padding:24px 18px;
        box-sizing:border-box;
    }

    .traveliaq-explorers h2,
    .traveliaq-ai-welcome h3,
    .traveliaq-city-launch h2{
        font-size:24px;
        line-height:1.2;
    }

    .traveliaq-explorers p,
    .traveliaq-ai-welcome p,
    .traveliaq-city-launch p{
        font-size:15px;
        line-height:1.65;
    }
}

@media (max-width:767px){

    html,
    body{
        max-width:100%;
        overflow-x:hidden;
    }

    .traveliaq-container,
    .traveliaq-hof,
    .tia-hof-home-cta,
    .traveliaq-who-said,
    .traveliaq-dictionary-strip,
    .traveliaq-hidden-mechanisms-home,
    .traveliaq-lower-grid,
    .traveliaq-dashboard-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .tia-hof-home-cta a,
    .traveliaq-card-link,
    .coming-soon-btn,
    .traveliaq-city-launch-button{
        max-width:100% !important;
        width:100% !important;
        box-sizing:border-box !important;
        white-space:normal !important;
        text-align:center !important;
        overflow-wrap:break-word !important;
    }

    .tia-hof-home-cta{
        padding:24px 18px !important;
    }

    .tia-hof-home-cta a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:54px !important;
        padding:12px 18px !important;
        line-height:1.25 !important;
        border-radius:999px !important;
    }

    img,
    iframe,
    video{
        max-width:100% !important;
        height:auto !important;
    }
}

@media (max-width:767px){

    .traveliaq-city-launch{
        width:100% !important;
        margin:0 0 0 0;
        max-width:100% !important;
        padding:18px 18px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }
    
    .traveliaq-city-launch-inner{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 auto !important;
        padding:34px 20px !important;
        box-sizing:border-box !important;
        text-align:center !important;
    }

    .traveliaq-city-launch h2{
        font-size:26px !important;
        line-height:1.2 !important;
    }

    .traveliaq-city-launch p{
        font-size:15px !important;
        line-height:1.65 !important;
        max-width:100% !important;
    }

    .traveliaq-city-launch-button{
        display:flex !important;
        width:100% !important;
        max-width:100% !important;
        justify-content:center !important;
        align-items:center !important;
        box-sizing:border-box !important;
        white-space:normal !important;
        text-align:center !important;
    }
}

.traveliaq-home-city-cards {
    margin: 34px 0;
    padding: 20px;
    border-radius: 22px;
}

.traveliaq-home-city-head {
    text-align: left;
    margin-bottom: 20px;
}

.traveliaq-home-city-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.traveliaq-home-city-body {
    padding: 18px;
}

.traveliaq-home-city-body h3 {
    font-size: 20px;
}