/* ===== TOP BAR FINAL FIX ===== */

/* STOP SIDEBAR STYLE LEAK */
.ci-compare .inventory-topbar select,
.ci-compare .inventory-topbar .inv-select{
    width:auto !important;
    min-width:140px;
    max-width:160px;
    height:40px;
}

/* ALIGN RIGHT SIDE */
.ci-compare .inventory-topbar .inv-right{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
}

/* PREVENT BREAKING */
.ci-compare .inventory-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
}

/* FIX GRID ICON */
.ci-compare .inventory-topbar .inv-view{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* OPTIONAL CLEAN LOOK */
.ci-compare .inventory-topbar .inv-select{
    padding:0 12px;
    border-radius:4px;
    background:#fff;
}
.ci-compare .inventory-wrapper{display:flex;gap:30px;}

.ci-compare .inventory-sidebar{
width:260px;background:#f8f8f8;padding:20px;border-radius:6px;
}

.ci-compare .inventory-sidebar h4{font-size:16px;margin-bottom:15px;}

.ci-compare .inventory-sidebar input,
.ci-compare .inventory-sidebar select{
width:100%;margin-bottom:15px;padding:8px;border:1px solid #ddd;
}

.ci-compare .car-img{position:relative;}

.ci-compare .compare-check{
position:absolute;top:10px;right:10px;background:#2ecc71;color:#fff;
width:28px;height:28px;border-radius:50%;
display:flex;align-items:center;justify-content:center;font-weight:bold;display:none;
}

.ci-compare .car-img.selected .compare-check{display:flex;}
.ci-compare .car-img.selected img{opacity:0.6;}

.ci-compare .inventory-content{flex:1;}

.ci-compare .inventory-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:25px;
}

.ci-compare .car-card{
border:1px solid #ddd;border-radius:8px;background:#fff;overflow:hidden;
box-shadow:0 3px 8px rgba(0,0,0,0.1);
}

.ci-compare .car-img img{width:100%;}

.ci-compare .badge-stock{
position:absolute;top:10px;left:10px;background:#2ecc71;color:#fff;
padding:4px 8px;font-size:12px;border-radius:4px;
}

.ci-compare .badge-sold{
position:absolute;top:10px;left:10px;background:#f1c40f;color:#000;
padding:4px 8px;font-size:12px;border-radius:4px;
}

.ci-compare .compare-btn{
position:absolute;bottom:10px;right:10px;background:#ff6b00;color:#fff;
padding:8px 10px;border-radius:50%;cursor:pointer;
}

.ci-compare .car-title{padding:10px;font-weight:600;font-size:16px;}

.ci-compare .car-meta{
padding:0 10px 10px;font-size:13px;color:#555;
display:flex;gap:10px;flex-wrap:wrap;
}

.ci-compare .compare-bar{
position:fixed;bottom:0;left:0;width:100%;background:#111;color:#fff;
padding:15px;display:none;z-index:9999;
}

.ci-compare .compare-bar button{
background:#ff6b00;border:none;color:#fff;padding:8px 14px;
cursor:pointer;margin-left:10px;
}

.ci-compare .compare-popup{
position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.75);display:none;z-index:99999;overflow:hidden;
}

.ci-compare .compare-content{
background:#fff;width:95%;max-width:1300px;margin:40px auto;
padding:25px;border-radius:10px;max-height:90vh;overflow:auto;
}

.ci-compare .spinner-border{
width:3rem;height:3rem;border:4px solid #ddd;
border-top:4px solid #000;border-radius:50%;
animation:spin 1s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}
}

.ci-compare .compare-table{width:100%;border-collapse:collapse;}

.ci-compare .compare-table th,
.ci-compare .compare-table td{
padding:14px;text-align:center;border-bottom:1px solid #e6e6e6;
}

.ci-compare .feature-title{
background:#0b2a40;color:#fff;font-weight:600;text-align:left;width:220px;
}

.ci-compare .car-head{background:#f8f9fb;}

.ci-compare .car-box{position:relative;}

.ci-compare .car-box img{width:160px;border-radius:6px;}

.ci-compare .car-name{margin-top:8px;font-weight:600;}

.ci-compare .remove-car{
position:absolute;top:-10px;right:-10px;background:#0b2a40;color:#fff;
border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;
}

.ci-compare .compare-table tr:nth-child(even) .feature-title {
background:#37485e;
border-bottom:1px solid #37485e !important;
}

.ci-compare .add-car-box{vertical-align:middle;}

.ci-compare #add-more-car{
width:120px;height:120px;border-radius:50%;
border:2px dashed #ddd;display:flex;align-items:center;
justify-content:center;cursor:pointer;color:#666;
}

.ci-compare .car-bottom{padding:10px;border-top:1px solid #eee;}

.ci-compare .car-detail-link{font-size:14px;margin-bottom:10px;cursor:pointer;}

.ci-compare .car-bottom-actions{display:flex;align-items:center;gap:10px;}

.ci-compare .quote-btn{
margin-left:auto;background:#fff;border:1px solid #007bff;
color:#007bff;padding:6px 12px;border-radius:6px;cursor:pointer;
}

.ci-compare .quote-btn:hover{background:#007bff;color:#fff;}

.ci-compare .quote-popup{
position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.7);display:none;z-index:99999;
}

.ci-compare .quote-content{
background:#fff;width:400px;max-width:90%;margin:100px auto;
padding:20px;border-radius:8px;position:relative;
}

.ci-compare #close-quote{
position:absolute;top:10px;right:15px;cursor:pointer;font-size:18px;
}

.ci-compare .ci-meta-wrapper {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 12px;   /* space between columns */
    row-gap: 6px;       /* space between rows */
}

.ci-compare .ci-meta {
display:flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:8px;
font-size:13px;
}

.ci-compare .ci-actions {
display:flex;
align-items:center;
gap:10px;
}

.ci-compare .ci-action {
display:flex;
align-items:center;
justify-content:center;
width:34px;height:34px;border-radius:50%;
}

.ci-compare .ci-icon-img {
width:18px;height:18px;
}

.ci-compare .ci-call:hover{background:#ffe5d0;}
.ci-compare .ci-whatsapp:hover{background:#d4f8e8;}

.ci-compare .ci-quote-btn{
margin-left:auto;background:#fff;border:1px solid #007bff;
color:#007bff;padding:5px 10px;font-size:12px;border-radius:6px;
}

.ci-compare .ci-quote-btn:hover{background:#007bff;color:#fff;}

.inventory-topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.inv-right{
display:flex;
gap:10px;
align-items:center;
}

.inv-select{
padding:6px 10px;
border:1px solid #ddd;
}

.inv-view{
padding:6px 10px;
border:1px solid #ddd;
cursor:pointer;
}

.inv-view.active{
background:#000;
color:#fff;
}

.inventory-grid.list-view{
display:block;
}

.inventory-grid.list-view .car-card{
display:flex;
gap:20px;
}

/* SEARCH BOX */
.search-box-test{
position:relative;
margin-bottom:20px;
}

.search-box-test input{
width:100%;
padding:12px 40px 12px 12px;
border:1px solid #ddd;
border-radius:6px;
}

.search-box-test .search-icon{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
}

.search-box-test .clear-icon{
position:absolute;
right:35px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
display:none;
}

/* ===== FINAL FIX (IMPORTANT) ===== */

.inventory-topbar select,
.inventory-topbar .inv-select{
width:auto !important;
min-width:140px;
height:40px;
}

.inv-right{
display:flex !important;
align-items:center !important;
gap:10px !important;
flex-wrap:nowrap !important;
}

.inv-view{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
}
.ci-compare.custom_com_data {
    padding: 80px 0px 80px 0px;
}
/* WRAPPER */
.ci-filter-wrap{
position:relative;
margin-bottom:15px;
}

/* SELECT */
.ci-filter-wrap select{
width:100%;
padding:8px 30px 8px 10px;
}

/* CLEAR ICON */
.ci-clear-filter{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
color:#999;
font-size:12px;
}

.ci-clear-filter:hover{
color:#000;
}