/* =========================================================
   JAMEENGUIDE CONSULTANTS
========================================================= */

.consultants-page{

    width:100%;

    min-height:100vh;

    background:#f5f8fc;

    padding:22px 18px 90px;

    overflow:hidden;

}


/* =========================================================
   SECTION
========================================================= */

.consultant-section{

    width:100%;

    max-width:1200px;

    margin:0 auto 32px;

}


/* =========================================================
   HEADING
========================================================= */

.section-heading{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:12px;

}


.heading-left{

    display:flex;

    align-items:center;

    gap:8px;

}


.heading-icon{

    font-size:25px;

    line-height:1;

}


.heading-left h1,
.heading-left h2{

    margin:0;

    color:#182230;

    font-size:24px;

    line-height:1.2;

    font-weight:800;

}


.online-heading{

    color:#67b82f;

    font-size:27px;

}


.blue-heading{

    font-size:24px;

}


/* =========================================================
   ARROWS
========================================================= */

.carousel-buttons{

    display:flex;

    gap:8px;

}


.scroll-btn{

    width:42px;

    height:42px;

    padding:0;

    border:0;

    border-radius:50%;

    background:#fff;

    color:#1976ff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    cursor:pointer;

    box-shadow:
        0 4px 15px rgba(0,0,0,.08);

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;

}


.scroll-btn:hover{

    background:#1976ff;

    color:#fff;

}


.scroll-btn:active{

    transform:scale(.90);

}


/* =========================================================
   SLIDER
========================================================= */

.consultant-slider{

    width:100%;

    overflow:hidden;

}

.consultant-track{
    width:100%;
    display:flex;
    gap:12px;

    overflow-x:auto;
    overflow-y:hidden;

    scrollbar-width:none;
    -ms-overflow-style:none;

    padding:3px 3px 10px;

    cursor:grab;

    /* Browser को native touch scrolling करने दो */
    touch-action:auto;

    /* Auto scroll के दौरान smooth नहीं */
    scroll-behavior:auto;

    overscroll-behavior-x:contain;

    -webkit-overflow-scrolling:touch;
}

.consultant-track::-webkit-scrollbar{
    display:none;
}

.consultant-track.dragging{
    cursor:grabbing;
}


/* =========================================================
   CARD
========================================================= */

.consultant-card{

    width:205px;

    min-width:205px;

    height:255px;

    flex:0 0 205px;

    background:#fff;

    border:1px solid #edf0f4;

    border-radius:16px;

    padding:13px 11px 11px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    text-align:center;

    box-shadow:
        0 5px 18px rgba(15,23,42,.07);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.consultant-card:hover{

    transform:translateY(-3px);

    box-shadow:
        0 10px 25px rgba(15,23,42,.11);

}


/* =========================================================
   PHOTO
========================================================= */

.consultant-photo-wrap{

    position:relative;

    width:62px;

    height:62px;

    flex-shrink:0;

    margin-bottom:7px;

}


.consultant-photo{

    width:62px;

    height:62px;

    border-radius:50%;

    object-fit:cover;

    display:block;

    background:#f5f7fa;

    border:2px solid #edf4ff;

}


/* =========================================================
   ONLINE DOT
========================================================= */

.online-dot{

    position:absolute;

    right:0;

    bottom:1px;

    width:13px;

    height:13px;

    border-radius:50%;

    background:#52b72b;

    border:2px solid #fff;

    box-shadow:
        0 0 0 3px rgba(82,183,43,.12);

}


/* =========================================================
   INFO
========================================================= */

.consultant-info{

    width:100%;

    min-width:0;

    display:flex;

    flex-direction:column;

    align-items:center;

}


.consultant-info h2{

    width:100%;

    margin:0;

    color:#172033;

    font-size:17px;

    font-weight:800;

    line-height:1.2;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}


.verified{

    color:#1976ff;

    font-size:13px;

    margin-left:2px;

}


.username{

    margin-top:3px;

    color:#7a8493;

    font-size:11px;

    line-height:1.2;

}


.consultant-rating{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:4px;

    margin-top:7px;

    color:#7b8491;

    font-size:11px;

}


.consultant-rating b{

    color:#202a38;

    font-size:12px;

}


.stars{

    display:flex;

    gap:1px;

    color:#f4b400;

    font-size:10px;

}


.consultant-location{

    margin-top:6px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:4px;

    color:#687386;

    font-size:12px;

    line-height:1.2;

}


.consultant-location i{

    color:#ef5350;

    font-size:11px;

}


.consultant-fee{

    margin-top:6px;

    color:#1976ff;

    font-size:14px;

    font-weight:800;

}


.consultant-fee span{

    color:#7b8491;

    font-size:10px;

    font-weight:500;

}


/* =========================================================
   ACTION BUTTONS
========================================================= */

.consultant-actions{

    width:100%;

    margin-top:auto;

    padding-top:9px;

    border-top:1px solid #edf0f4;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

}


.consult-action{

    width:37px;

    height:37px;

    min-width:37px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:14px;

    line-height:1;

    transition:
        transform .2s ease,
        box-shadow .2s ease;

}


.consult-action:hover{

    transform:translateY(-2px) scale(1.04);

}


.consult-action:active{

    transform:scale(.88);

}


.consult-action.call{

    background:#dcfce7;

    color:#16a34a;

}


.consult-action.message{

    background:#dbeafe;

    color:#1976ff;

}


.consult-action.profile{

    background:#eef2f7;

    color:#334155;

}


/* =========================================================
   EMPTY
========================================================= */

.empty-consultants{

    width:100%;

    min-height:110px;

    border-radius:16px;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#788494;

    font-size:14px;

}


/* =========================================================
   REVIEWS
========================================================= */

.reviews-section{

    width:100%;

    max-width:1200px;

    margin:45px auto 0;

}


.reviews-title{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

}


.reviews-title span{

    font-size:23px;

}


.reviews-title h2{

    margin:0;

    color:#182230;

    font-size:24px;

    font-weight:800;

}


.reviews-slider{

    width:100%;

    overflow:hidden;

}


.reviews-track{

    display:flex;

    gap:14px;

    overflow-x:auto;

    scrollbar-width:none;

    padding:3px 2px 12px;

    scroll-behavior:smooth;

}


.reviews-track::-webkit-scrollbar{

    display:none;

}


.review-card{

    width:310px;

    min-width:310px;

    min-height:160px;

    background:#fff;

    border:1px solid #edf0f4;

    border-radius:16px;

    padding:16px;

    box-shadow:
        0 5px 18px rgba(15,23,42,.06);

}


.review-rating{

    color:#f4b400;

    font-size:13px;

    margin-bottom:8px;

}


.review-text{

    color:#344054;

    font-size:14px;

    line-height:1.5;

}


.review-user{

    display:flex;

    align-items:center;

    gap:9px;

    margin-top:14px;

}


.review-avatar{

    width:36px;

    height:36px;

    min-width:36px;

    border-radius:50%;

    background:#eef5ff;

    color:#1976ff;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}


.review-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.review-user strong{

    display:block;

    color:#182230;

    font-size:13px;

}


.review-user span{

    display:block;

    margin-top:2px;

    color:#7b8491;

    font-size:11px;

}


.empty-review{

    width:100%;

    background:#fff;

    border-radius:16px;

    padding:30px;

    text-align:center;

    color:#7b8491;

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .consultants-page{

        padding:
            14px
            8px
            85px;

    }


    .consultant-section{

        margin-bottom:28px;

    }


    .section-heading{

        margin-bottom:10px;

    }


    .heading-left{

        gap:7px;

    }


    .heading-icon{

        font-size:22px;

    }


    .heading-left h1,
    .heading-left h2{

        font-size:21px;

    }


    .online-heading{

        font-size:25px;

    }


    .blue-heading{

        font-size:22px;

    }


    .carousel-buttons{

        gap:7px;

    }


    .scroll-btn{

        width:40px;

        height:40px;

        font-size:13px;

    }


    .consultant-track{

        gap:10px;

        padding:
            2px
            2px
            9px;

    }


    .consultant-card{

        width:185px;

        min-width:185px;

        flex-basis:185px;

        height:235px;

        border-radius:15px;

        padding:
            12px
            10px
            9px;

    }


    .consultant-photo-wrap{

        width:57px;

        height:57px;

        margin-bottom:6px;

    }


    .consultant-photo{

        width:57px;

        height:57px;

    }


    .online-dot{

        width:12px;

        height:12px;

    }


    .consultant-info h2{

        font-size:16px;

    }


    .username{

        font-size:10px;

    }


    .consultant-rating{

        margin-top:6px;

        font-size:10px;

    }


    .consultant-rating b{

        font-size:11px;

    }


    .stars{

        font-size:9px;

    }


    .consultant-location{

        margin-top:5px;

        font-size:11px;

    }


    .consultant-fee{

        margin-top:5px;

        font-size:13px;

    }


    .consultant-fee span{

        font-size:9px;

    }


    .consultant-actions{

        padding-top:8px;

        gap:9px;

    }


    .consult-action{

        width:35px;

        height:35px;

        min-width:35px;

        font-size:13px;

    }


    .reviews-section{

        margin-top:35px;

    }


    .reviews-title h2{

        font-size:21px;

    }


    .reviews-title span{

        font-size:21px;

    }


    .review-card{

        width:285px;

        min-width:285px;

        min-height:150px;

        padding:14px;

    }


}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .consultant-card{

        width:175px;

        min-width:175px;

        flex-basis:175px;

        height:225px;

    }


    .consultant-photo-wrap{

        width:53px;

        height:53px;

    }


    .consultant-photo{

        width:53px;

        height:53px;

    }


    .consultant-info h2{

        font-size:15px;

    }


    .scroll-btn{

        width:37px;

        height:37px;

    }

}

/* =========================================================
   CONSULTANTS - COMING SOON
========================================================= */

/* =========================================================
   CONSULTANTS - COMING SOON OVERLAY
========================================================= */

.coming-soon-page {
    position: relative;
    isolation: isolate;
}

/* Transparent + Blur Overlay */
.coming-soon-page::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(255, 255, 255, 0.18);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    z-index: 10;

    pointer-events: auto;
}


/* COMING SOON */
.coming-soon-page::after {
    content: "COMING SOON";

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 11;

    
color: rgba(46, 125, 50, 0.35);
    font-size: 30px;
    font-weight: 700;

    letter-spacing: 3px;

    white-space: nowrap;
0 1px 4px rgba(0, 0, 0, 0.20);

    pointer-events: none;
}


/* सभी clickable चीजें disable */
.coming-soon-page a,
.coming-soon-page button,
.coming-soon-page input,
.coming-soon-page select {
    pointer-events: none !important;
    cursor: default !important;
}


/* =========================================================
   HEADER को हमेशा ऊपर रखें
========================================================= */

header,
.site-header,
.main-header,
.navbar,
.header {
    position: sticky;
    z-index: 9999 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .coming-soon-page::after {
        font-size: 22px;
        letter-spacing: 2px;
    }

}