/* ATA Group public site palette, sampled from the supplied logo. */
body.ata-brand.public-saas {
    --public-primary: #1262b5;
    --public-primary-dark: #0d4d91;
    --public-primary-soft: #eaf3fc;
    --public-blue: #1262b5;
    --public-green: #78bd32;
    --public-border: #dce7f1;
    --public-border-strong: #c8d8e8;
}

body.ata-brand.public-saas a,
body.ata-brand.public-saas a:hover { color: var(--public-primary); }

body.ata-brand.public-saas .header .main-nav-link:hover,
body.ata-brand.public-saas .header .main-menu .main-menu-link:hover,
body.ata-brand.public-saas .header .right .login-toggler:hover i { color: var(--public-green); }

body.ata-brand.public-saas .header .header-search-form [type="submit"],
body.ata-brand.public-saas .main-banner .main-search [type="submit"],
body.ata-brand.public-saas .header .right .main-menu-pc .add-listing {
    background: var(--public-primary);
    border-color: var(--public-primary);
}

body.ata-brand.public-saas .main-banner .post-type li:hover,
body.ata-brand.public-saas .main-banner .post-type li.active,
body.ata-brand.public-saas .popular-posts .filters .filter:hover,
body.ata-brand.public-saas .popular-posts .filters .filter.active {
    background: var(--public-green);
    border-color: var(--public-green);
}

body.ata-brand.public-saas .main-banner .main-search { border-top-color: var(--public-green); }
body.ata-brand.public-saas .main-banner .main-search .price-zone .dropdown-menu .ui-widget-header { background: var(--public-green); }

body.ata-brand.public-saas .header .logo a {
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.ata-brand.public-saas .header .logo img { max-width: 190px; }

/* Thanh tìm kiếm trang chủ: chia cột theo độ dài nội dung thay vì 5 x 20% (cộng gap bị tràn, chữ bị cắt). */
body.ata-brand.public-saas .main-banner .main-search .form-control { min-width: 0; }
body.ata-brand.public-saas .main-banner .main-search select.form-control {
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.ata-brand.public-saas .main-banner .main-search .multiple-select-toggle { padding-right: 34px; }
body.ata-brand.public-saas .main-banner .main-search .multiple-select-dropdown {
    min-width: max(100%, 240px);
    width: max-content;
    max-width: 380px;
}
body.ata-brand.public-saas .main-banner .main-search .multiple-select-option label { white-space: nowrap; }
body.ata-brand.public-saas .main-banner .main-search .price-zone { white-space: nowrap; }
body.ata-brand.public-saas .main-banner .main-search .price-zone > span { flex: 0 0 auto; }
body.ata-brand.public-saas .main-banner .main-search .main-price-display {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.ata-brand.public-saas .main-banner .main-search .price-zone .dropdown-menu.price-dropdown {
    width: 280px;
    min-width: 100%;
    padding: 16px;
    left: auto;
    right: 0;
}
body.ata-brand.public-saas .main-banner .main-search .price-zone .dropdown-menu.price-dropdown .price-inputs { margin: 0; gap: 10px; }
body.ata-brand.public-saas .main-banner .main-search .price-zone .dropdown-menu.price-dropdown .price-inputs input {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 40px;
    margin: 0;
}

@media (min-width: 992px) {
    body.ata-brand.public-saas .main-banner .main-search { max-width: 1120px; }
    body.ata-brand.public-saas .main-banner .main-search .search-body { min-width: 0; }
    body.ata-brand.public-saas .main-banner .main-search .search-body .form-group {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
    }
    body.ata-brand.public-saas .main-banner .main-search .search-body .multiselect-location { flex-grow: 1.7; }
    body.ata-brand.public-saas .main-banner .main-search .search-body .category-wrap,
    body.ata-brand.public-saas .main-banner .main-search .search-body .form-group:last-child { flex-grow: 1.2; }
}

@media (max-width: 991.98px) {
    body.ata-brand.public-saas .main-banner .main-search .search-body {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.ata-brand.public-saas .main-banner .main-search .search-body .form-group {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    body.ata-brand.public-saas .header .logo a { height: 44px; }
    body.ata-brand.public-saas .header .logo img { max-width: 172px; }
}