/*
 * Combined Widget: Car Finder + Rare Part Request
 * محل قرارگیری پیشنهادی: chid-theme/include/classes/car-finder/assets/css/car-finder-combined.css
 */

.car-finder-combined {
    max-width: 360px;
    background: linear-gradient(180deg, #2b2b2b 0%, #161616 100%);
    border-radius: 18px;
    padding: 14px 14px 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    direction: rtl;
}

/* --- ردیف تب‌ها --- */
.car-finder-combined-tabs {
    display: flex;
    gap: 6px;
    background: #1f1f1f;
    border-radius: 12px;
    padding: 5px;
    margin-bottom: 18px;
}

.car-finder-combined-tab {
    flex: 1;
    background: transparent;
    border: none;
    color: #bbb;
    padding: 11px 8px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    border-radius: 9px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.car-finder-combined-tab.is-active {
    background: #f5a623;
    color: #1a1a1a;
}

/* --- پنل‌ها --- */
.car-finder-combined-panel {
    display: none;
}

.car-finder-combined-panel.is-active {
    display: block;
}

/*
 * چون هر دو فرم (car-finder-selector و rare-part-form) خودشون یه جعبه‌ی
 * تیره‌ی کامل با پدینگ/بک‌گراند/سایه هستن، وقتی داخل این جعبه‌ی مشترک
 * تو در تو میشن، باید ظاهر جعبه‌ی داخلی‌شون رو خنثی کنیم تا «جعبه توی جعبه» دیده نشه.
 */
.car-finder-combined-panel .car-finder-selector,
.car-finder-combined-panel .rare-part-form {
    max-width: none;
    background: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

@media (max-width: 480px) {
    .car-finder-combined {
        max-width: 100%;
    }
}