/* ReadWithUs Tutor Selector V5.
 * Visual-only overrides for the popup; relies on V4 and unchanged AJAX/booking JS.
 * The legacy search form stays mounted, and the two visible native selects retain AJAX filters.
 */
#rwu-tutor-modal.is-open {padding:20px;}
#rwu-tutor-modal .rwu-tutor-dialog {
    width:min(855px,calc(100vw - 40px));
    max-width:855px;
    height:auto;
    max-height:min(90dvh,900px);
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 72px rgba(7,24,56,.28);
}
#rwu-tutor-modal .rwu-tutor-dialog-head {
    padding:34px 38px 15px;
    gap:16px;
}
#rwu-tutor-modal .rwu-tutor-dialog-kicker {display:none;}
#rwu-tutor-modal .rwu-tutor-dialog-head h2 {
    font-size:clamp(28px,3vw,38px);
    letter-spacing:-.038em;
    font-weight:850;
    line-height:1.14;
    margin:0 0 9px;
    color:#0c2054;
}
#rwu-tutor-modal .rwu-tutor-dialog-head p {
    font-size:16px;
    color:#617487;
    line-height:1.45;
}
#rwu-tutor-modal .rwu-tutor-close {
    border-radius:50%;
    width:48px;
    height:48px;
    flex:0 0 48px;
    background:#eaf5ff;
    color:#0e3c83;
    font-size:28px;
    transition:background .2s ease,transform .2s ease;
}
#rwu-tutor-modal .rwu-tutor-close:hover {background:#d6ebff;transform:rotate(90deg);}
/* Match the reference's two compact pill selectors. Their original IDs and JS events remain. */
#rwu-tutor-modal .rwu-tutor-toolbar {
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px;
    padding:9px 38px 25px;
    border:0;
    background:#fff;
}
#rwu-tutor-modal .rwu-tutor-control {
    position:relative;
    display:block !important;
    flex:0 1 auto;
    width:225px !important;
    max-width:calc(50% - 6px) !important;
    margin:0 !important;
    min-width:0 !important;
    padding:0 !important;
}
#rwu-tutor-modal .rwu-tutor-subject-control {width:195px !important;}
#rwu-tutor-modal .rwu-tutor-control > span:first-child {display:none;}
#rwu-tutor-modal .rwu-tutor-filter-icon {
    position:absolute;
    display:block;
    z-index:1;
    pointer-events:none;
    width:22px;
    height:22px;
    top:50%;
    left:16px;
    transform:translateY(-50%);
    color:#007bef;
}
#rwu-tutor-modal .rwu-tutor-day-control .rwu-tutor-filter-icon {color:#08ba75;}
#rwu-tutor-modal .rwu-tutor-control select {
    box-sizing:border-box !important;
    appearance:none;
    -webkit-appearance:none;
    display:block !important;
    width:100% !important;
    min-height:47px !important;
    height:47px !important;
    margin:0 !important;
    padding:9px 38px 9px 47px !important;
    border:1px solid #dbe8f5 !important;
    border-radius:30px !important;
    background-color:#f9fcff !important;
    color:#142b61 !important;
    font-weight:650 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    box-shadow:0 3px 10px rgba(23,77,133,.035) !important;
    cursor:pointer;
    background-position:right 13px center !important;
    background-size:17px !important;
    text-overflow:ellipsis;
}
#rwu-tutor-modal .rwu-tutor-control select:hover {background-color:#fff !important;border-color:#a6d0f2 !important;}
#rwu-tutor-modal .rwu-tutor-control select:focus-visible {outline:3px solid rgba(0,121,233,.22)!important;outline-offset:2px;}
/* Hidden, not deleted: keyword search, advanced filters, sort, reset and their input state. */
#rwu-tutor-modal .rwu-tutor-keyword,
#rwu-tutor-modal .rwu-tutor-more,
#rwu-tutor-modal .rwu-tutor-reset,
#rwu-tutor-modal .rwu-tutor-results-head,
#rwu-tutor-modal .rwu-tutor-advanced-actions,
#rwu-tutor-modal .rwu-tutor-dialog-foot {display:none !important;}
#rwu-tutor-modal .rwu-tutor-legacy .filter-panel,
#rwu-tutor-modal.is-advanced .rwu-tutor-legacy .filter-panel {display:none !important;}
#rwu-tutor-modal .rwu-tutor-dialog-body {
    padding:0 35px 31px;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#d0dbe8 transparent;
}
#rwu-tutor-modal .rwu-tutor-search-feedback:not(:empty) {margin:0 0 10px;}
#rwu-tutor-modal .rwu-tutor-results-list {display:grid;gap:12px;}
#rwu-tutor-modal .rwu-tutor-item {
    box-sizing:border-box;
    display:grid;
    grid-template-columns:79px minmax(0,1fr) 246px;
    align-items:center;
    gap:17px;
    min-height:110px;
    padding:14px 16px;
    margin:0;
    background:#fff;
    border:1px solid #e2ebf3;
    border-radius:15px;
    box-shadow:0 2px 9px rgba(10,44,87,.025);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#rwu-tutor-modal .rwu-tutor-item:hover,
#rwu-tutor-modal .rwu-tutor-item:focus-within {
    border-color:#badbf7;
    box-shadow:0 10px 24px rgba(12,77,146,.09);
    transform:translateY(-1px);
}
#rwu-tutor-modal .rwu-tutor-avatar {
    width:78px;
    height:78px;
    border-radius:50%;
    display:block;
    flex:0 0 78px;
    border:2px solid #f0f5fa;
    box-shadow:0 0 0 1px #e2eaf4;
    overflow:hidden;
    background:#eaf4fb;
}
#rwu-tutor-modal .rwu-tutor-avatar img {width:100%;height:100%;object-fit:cover;}
#rwu-tutor-modal .rwu-tutor-item-main {min-width:0;overflow:hidden;}
#rwu-tutor-modal .rwu-tutor-item-title {display:block;}
#rwu-tutor-modal .rwu-tutor-item h3 {
    margin:0 0 6px !important;
    font-size:22px !important;
    line-height:1.14 !important;
    font-weight:850 !important;
    letter-spacing:-.035em !important;
}
#rwu-tutor-modal .rwu-tutor-item h3 a {color:#101d58 !important;}
#rwu-tutor-modal .rwu-tutor-item h3 a:hover {color:#0677e8!important;}
#rwu-tutor-modal .rwu-tutor-subjects {
    display:block;
    margin:0 !important;
    font-size:13px !important;
    color:#314c81!important;
    line-height:1.55 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#rwu-tutor-modal .rwu-tutor-more-subjects {color:#7488a1;white-space:nowrap;font-size:12px;}
#rwu-tutor-modal .rwu-tutor-excerpt,
#rwu-tutor-modal .rwu-tutor-item-links {display:none !important;}
#rwu-tutor-modal .rwu-tutor-item-side {
    display:grid !important;
    grid-template-columns:minmax(0,83px) 150px;
    align-items:center;
    justify-content:end;
    gap:13px;
    text-align:left;
    min-width:0;
}
#rwu-tutor-modal .rwu-tutor-rating {display:flex;flex-direction:column;gap:5px;min-width:0;white-space:normal;}
#rwu-tutor-modal .rwu-tutor-rating-value {display:flex;align-items:center;gap:5px;font-size:16px;color:#08174d;white-space:nowrap;}
#rwu-tutor-modal .rwu-tutor-rating-value .rwu-tutor-star {font-size:22px;line-height:1;color:#ffbf1a;}
#rwu-tutor-modal .rwu-tutor-rating-value strong {font-size:16px;font-weight:850;color:#101e56;}
#rwu-tutor-modal .rwu-tutor-rating-caption {
    display:flex;
    align-items:center;
    gap:4px;
    color:#6580a4;
    font-size:11px;
    white-space:nowrap;
}
#rwu-tutor-modal .rwu-tutor-rating-caption svg {width:15px;height:15px;color:#1885ec;}
#rwu-tutor-modal .rwu-tutor-no-reviews {font-size:13px;white-space:normal;color:#637d95;}
#rwu-tutor-modal .rwu-tutor-price {display:none !important;}
#rwu-tutor-modal .rwu-tutor-select {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    width:150px;
    max-width:100%;
    min-height:57px;
    padding:12px 17px !important;
    background:linear-gradient(110deg,#087cf3,#0069e5);
    color:#fff;
    font-weight:750;
    font-size:17px;
    border:0;
    border-radius:15px !important;
    line-height:1.2;
    cursor:pointer;
    box-shadow:0 5px 13px rgba(0,104,221,.13);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
#rwu-tutor-modal .rwu-tutor-select span {font-size:23px;line-height:1;font-weight:400;}
#rwu-tutor-modal .rwu-tutor-select:hover {transform:translateY(-2px);box-shadow:0 11px 20px rgba(0,104,221,.2);filter:brightness(.97);}
#rwu-tutor-modal .rwu-tutor-select:focus-visible {outline:3px solid #87c7ff;outline-offset:3px;}
#rwu-tutor-modal .rwu-tutor-pagination {margin-top:16px;}
#rwu-tutor-modal .rwu-tutor-pagination a:focus-visible {outline:2px solid #268eff;outline-offset:2px;}
@media (max-width:760px) {
    #rwu-tutor-modal .rwu-tutor-dialog-head {padding:25px 23px 13px;}
    #rwu-tutor-modal .rwu-tutor-toolbar {padding:8px 23px 22px;}
    #rwu-tutor-modal .rwu-tutor-dialog-body {padding:0 21px 26px;}
    #rwu-tutor-modal .rwu-tutor-item {
        grid-template-columns:71px minmax(0,1fr);
        gap:12px;
        padding:14px;
    }
    #rwu-tutor-modal .rwu-tutor-avatar {width:69px;height:69px;}
    #rwu-tutor-modal .rwu-tutor-item-side {
        grid-column:2;
        grid-template-columns:minmax(0,1fr) 130px;
        justify-content:space-between;
        width:100%;
    }
    #rwu-tutor-modal .rwu-tutor-select {width:130px;min-height:42px;font-size:14px;border-radius:10px!important;}
    #rwu-tutor-modal .rwu-tutor-rating {flex-direction:row;gap:7px;align-items:center;}
    #rwu-tutor-modal .rwu-tutor-rating-caption {font-size:10px;}
}
@media (max-width:640px) {
    #rwu-tutor-modal.is-open {padding:0;}
    #rwu-tutor-modal .rwu-tutor-dialog {width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;}
    #rwu-tutor-modal .rwu-tutor-dialog-head {padding:20px 18px 14px;}
    #rwu-tutor-modal .rwu-tutor-dialog-head h2 {font-size:clamp(24px,6vw,30px);}
    #rwu-tutor-modal .rwu-tutor-dialog-head p {font-size:13px;}
    #rwu-tutor-modal .rwu-tutor-close {width:39px;height:39px;flex-basis:39px;font-size:24px;}
    #rwu-tutor-modal .rwu-tutor-toolbar {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:5px 16px 19px;}
    #rwu-tutor-modal .rwu-tutor-control,#rwu-tutor-modal .rwu-tutor-subject-control {width:100% !important;max-width:100% !important;}
    #rwu-tutor-modal .rwu-tutor-control select {height:44px!important;min-height:44px!important;font-size:13px!important;padding:9px 30px 9px 36px!important;background-position:right 9px center!important;}
    #rwu-tutor-modal .rwu-tutor-filter-icon {width:18px;height:18px;left:11px;}
    #rwu-tutor-modal .rwu-tutor-dialog-body {padding:0 14px 17px;}
    #rwu-tutor-modal .rwu-tutor-item h3 {font-size:18px!important;}
    #rwu-tutor-modal .rwu-tutor-subjects {font-size:12px!important;}
    #rwu-tutor-modal .rwu-tutor-item-side {gap:9px;grid-template-columns:minmax(0,1fr) 115px;}
    #rwu-tutor-modal .rwu-tutor-select {width:115px;min-height:41px;padding:8px 11px!important;font-size:13px;}
    #rwu-tutor-modal .rwu-tutor-rating-caption {font-size:10px;}
}
@media (max-width:390px) {
    #rwu-tutor-modal .rwu-tutor-item {grid-template-columns:58px minmax(0,1fr);gap:10px;padding:11px;}
    #rwu-tutor-modal .rwu-tutor-avatar {width:58px;height:58px;}
    #rwu-tutor-modal .rwu-tutor-item-side {grid-column:1 / -1;}
    #rwu-tutor-modal .rwu-tutor-dialog-head {padding:18px 13px 10px;}
    #rwu-tutor-modal .rwu-tutor-toolbar {padding:5px 12px 17px;}
    #rwu-tutor-modal .rwu-tutor-dialog-body {padding:0 10px 15px;}
    #rwu-tutor-modal .rwu-tutor-rating-caption svg {display:none;}
}
@media (prefers-reduced-motion:reduce) {
    #rwu-tutor-modal .rwu-tutor-item,
    #rwu-tutor-modal .rwu-tutor-select,
    #rwu-tutor-modal .rwu-tutor-close {transition:none;}
}