/* =========================================================
   Hamida Traders — RTM-032
   SEASON SELECTION
   Load AFTER inquiry-category.css and BEFORE responsive.css
   ========================================================= */

.inq-season-tabs{
    position:relative;
    align-items:center;
}

.inq-season-tab{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:88px;
    min-height:38px;
    outline:none;
    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.inq-season-tab:hover{
    transform:translateY(-1px);
    border-color:rgba(0,82,204,.20);
}

.inq-season-tab:focus-visible{
    border-color:rgba(0,82,204,.36);
    box-shadow:0 0 0 4px rgba(0,82,204,.06);
}

.inq-season-tab.is-active{
    color:#0052cc;
    border-color:#0052cc;
    background:rgba(0,82,204,.055);
    box-shadow:inset 0 0 0 1px rgba(0,82,204,.035);
}

.inq-season-tab.is-active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-5px;
    width:18px;
    height:3px;
    border-radius:999px;
    background:#0052cc;
    transform:translateX(-50%);
}

.inq-season-status{
    display:none;
    margin:4px 0 16px;
    padding:10px 12px;
    border:1px solid rgba(0,82,204,.08);
    border-radius:12px;
    color:#53667a;
    background:rgba(0,82,204,.03);
    font-size:9px;
    line-height:1.5;
}

.inq-season-status.is-visible{
    display:block;
}

.inq-season-status strong{
    color:#0052cc;
}

.inq-season-empty{
    display:none;
    padding:14px;
    border:1px dashed #d9e2ec;
    border-radius:14px;
    color:#7b8797;
    background:#fbfcfe;
    font-size:9px;
    line-height:1.5;
}

.inq-season-empty.is-visible{
    display:block;
}

@media(max-width:620px){
    .inq-season-tabs{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .inq-season-tab{
        width:100%;
        min-width:0;
    }
}

@media(max-width:380px){
    .inq-season-tabs{
        grid-template-columns:1fr;
    }
}

@media(hover:none),(pointer:coarse){
    .inq-season-tab{
        min-height:44px;
    }

    .inq-season-tab:hover{
        transform:none;
    }
}
