/* =========================================================
 Hamida Traders — RTM-034 Selected Product Summary
 Load after inquiry-product.css, before responsive.css
========================================================= */

.inq-selected-summary{
    margin-top:18px;
    border:1px solid #e2e8f0;
    border-radius:18px;
    background:#fff;
    overflow:hidden;
}

.inq-selected-summary__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-bottom:1px solid #edf2f7;
    background:linear-gradient(180deg,#fbfdff,#f8fbff);
}

.inq-selected-summary__head span{
    display:block;
    margin-bottom:4px;
    color:#0052cc;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.inq-selected-summary__head strong{
    display:block;
    color:#0f2747;
    font-size:13px;
}

.inq-selected-summary__count{
    display:grid;
    place-items:center;
    min-width:32px;
    height:32px;
    padding:0 9px;
    border-radius:999px;
    color:#fff;
    background:#0052cc;
    font-size:10px;
    font-weight:800;
}

.inq-selected-summary__empty{
    padding:18px;
    color:#7b8797;
    font-size:9px;
    line-height:1.55;
}

.inq-selected-summary__list{
    display:grid;
    gap:0;
}

.inq-summary-row{
    display:grid;
    grid-template-columns:minmax(90px,.7fr) minmax(90px,.7fr) minmax(150px,1.6fr) auto;
    align-items:center;
    gap:12px;
    padding:13px 18px;
    border-bottom:1px solid #f0f3f7;
}

.inq-summary-row:last-child{
    border-bottom:0;
}

.inq-summary-row__value{
    min-width:0;
    color:#334a62;
    font-size:9px;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.inq-summary-row__value strong{
    color:#0f2747;
    font-weight:700;
}

.inq-summary-row__arrow{
    color:#9aa8b8;
    font-weight:700;
}

.inq-summary-row__remove{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    min-height:30px;
    border:1px solid #e3e9f0;
    border-radius:9px;
    color:#6b7c8f;
    background:#fff;
    cursor:pointer;
    font:inherit;
    font-size:9px;
    transition:border-color .2s ease,color .2s ease,background .2s ease;
}

.inq-summary-row__remove:hover,
.inq-summary-row__remove:focus-visible{
    color:#b42318;
    border-color:rgba(180,35,24,.22);
    background:rgba(180,35,24,.035);
    outline:none;
}

.inq-selected-summary__note{
    padding:12px 18px;
    border-top:1px solid #edf2f7;
    color:#6b7c8f;
    background:#fbfcfe;
    font-size:8px;
    line-height:1.55;
}

@media(max-width:700px){
    .inq-summary-row{
        grid-template-columns:1fr auto;
        gap:7px 12px;
    }

    .inq-summary-row__value{
        grid-column:1;
    }

    .inq-summary-row__arrow{
        display:none;
    }

    .inq-summary-row__remove{
        grid-column:2;
        grid-row:1 / span 3;
        align-self:center;
    }
}