/* Arabaport Unified Vehicle Selector — mobil öncelikli (360/390/430px). v0.8.0 */
.ap-vs { background: var(--ap-bg-soft, #f6f7f9); border: 1px solid var(--ap-border, #e5e7eb); border-radius: 12px; padding: 14px; margin: 0 0 14px; }
.ap-vs__title { font-weight: 700; font-size: 14px; margin: 0 0 10px; color: var(--ap-text, #1f2430); }
.ap-vs__row { display: grid; grid-template-columns: 1fr; gap: 10px; }
.ap-vs__field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--ap-muted, #687080); }
.ap-vs__field select {
    width: 100%; min-height: 44px; padding: 10px 12px; font-size: 15px;
    border: 1px solid var(--ap-border, #e5e7eb); border-radius: 8px; background: #fff; color: var(--ap-text, #1f2430);
    -webkit-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23687080' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center;
}
.ap-vs__field select:disabled { background-color: #f1f2f4; color: #aab; cursor: not-allowed; }
.ap-vs__status { margin-top: 10px; min-height: 20px; font-size: 13px; }
.ap-vs__chosen { font-weight: 600; color: var(--ap-text, #1f2430); }
.ap-vs__badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 6px; color: #fff; }
.ap-vs__badge--ok { background: #1a7f37; }
.ap-vs__badge--warn { background: #b26a00; }
.ap-vs__badge--demo { background: #888; }
.ap-vs__muted { color: var(--ap-muted, #687080); font-size: 12px; }
.ap-vs__loading { color: var(--ap-muted, #687080); font-style: italic; }
.ap-vs__err { color: #a00; }

/* Compare v2 sonucu */
.ap-vs-compare__actions { margin: 12px 0; }
.ap-vs-compare__btn { min-height: 46px; padding: 0 22px; font-size: 15px; font-weight: 700; border: 0; border-radius: 10px; background: var(--ap-accent-2, #2563eb); color: #fff; cursor: pointer; }
.ap-vs-compare__btn:disabled { background: #c3c9d4; cursor: not-allowed; }
.ap-vs-cmp { border: 1px solid var(--ap-border, #e5e7eb); border-radius: 12px; overflow: hidden; margin-top: 8px; }
.ap-vs-cmp__head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; background: #0F1A33; color: #fff; padding: 12px; }
.ap-vs-cmp__veh { font-weight: 700; font-size: 13px; }
.ap-vs-cmp__veh:last-child { text-align: right; }
.ap-vs-cmp__vs { font-size: 12px; font-weight: 700; color: #94a3b8; padding: 0 6px; }
.ap-vs-cmp__table { width: 100%; border-collapse: collapse; }
.ap-vs-cmp__table td, .ap-vs-cmp__table th { padding: 10px 8px; font-size: 13px; border-top: 1px solid var(--ap-border, #e5e7eb); }
.ap-vs-cmp__table th { width: 38%; text-align: center; color: var(--ap-muted, #687080); font-weight: 600; background: #fafbfc; }
.ap-vs-cmp__table td.ca { text-align: left; }
.ap-vs-cmp__table td.cb { text-align: right; }
.ap-vs-cmp__table td.win { font-weight: 800; color: #1a7f37; background: #f0faf3; }

/* Cost v2 sonucu */
.ap-vs-cost-res { border: 1px solid var(--ap-border, #e5e7eb); border-radius: 12px; padding: 14px; margin-top: 8px; background: #fff; }
.ap-vs-cost-res__price { font-size: 15px; }
.ap-vs-cost-res__tco { font-size: 16px; margin: 8px 0; color: var(--ap-accent, #111827); }
.ap-vs-cost-res__tbl { width: 100%; border-collapse: collapse; margin-top: 8px; }
.ap-vs-cost-res__tbl td { padding: 7px 6px; font-size: 13px; border-top: 1px solid var(--ap-border, #e5e7eb); }
.ap-vs-cost-res__tbl td:nth-child(2) { text-align: right; font-weight: 600; }
.ap-vs-cost-res__disc { margin-top: 10px; line-height: 1.5; }

/* Tablet/masaüstü: 4 alanı yatay sırala */
@media (min-width: 600px) {
    .ap-vs__row { grid-template-columns: 0.7fr 1fr 1.2fr 1.4fr; }
}
@media (min-width: 880px) {
    .ap-vs-compare__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
}

/* TAŞMA DÜZELTMESİ — grid içinde seçiciler içerik genişliğinin altına inebilsin (overflow fix) */
.ap-vs, .ap-vs__field, .ap-vs-compare__grid, .ap-vs-compare__grid > .ap-vs { min-width: 0; }
.ap-vs__field select { min-width: 0; max-width: 100%; }
.ap-vs-compare, .ap-vs-cmp { max-width: 100%; overflow-x: auto; }
/* İki seçici yan yanayken (≥880px) her biri yarı genişlik → 4 sütun yerine 2 sütun */
@media (min-width: 880px) {
    .ap-vs-compare__grid .ap-vs__row { grid-template-columns: 1fr 1fr; }
}

/* Trust çipi (compare sonucu) — Phase 8.6 */
.ap-vs-trust { display:inline-block; font-size:11px; font-weight:700; padding:2px 8px; border-radius:10px; color:#fff; }
.ap-vs-trust--high { background:#1a7f37; } .ap-vs-trust--mid { background:#3858e9; }
.ap-vs-trust--low { background:#b26a00; } .ap-vs-trust--vlow { background:#8a93a3; }