.button.is-primary {
    background-color: #039be5 !important;
}

#ads-count {
  font-weight: bolder;
}

.dropdown-visible {
  overflow: visible !important;
}

.responsive-table-scroll {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.responsive-table-scroll tbody {
    display: table;
    width: 100%;
}

.search-choice-close:before, .search-choice-close:after {
    background-color: white !important;
}

.chosen-container {
    min-width: 111px;
}

.modal.is-active .modal-background {
    background: rgb(3 155 229 / 50%) linear-gradient(45deg, rgb(106 133 182 / 50%) 0%, rgb(186 200 224 / 50%) 100%);
}

.navbar.navbar-landing .navbar-menu .navbar-item {
    text-align: inherit !important;
}

.extend {
    cursor: pointer;
}

.hero-body {
    padding: 0 3rem !important;
}

.vivus-svg {
    max-height: 300px !important;
    width: 300px !important;;
}

.full-width {
    width: 100% !important;
}

.ts-control .item {
    display: none !important;
}

/* ==========================================================================
Filters table
========================================================================== */

@media (max-width: 1024px) {
    .navbar-wrapper .account-dropdown .dropdown-menu {
        left: 0 !important;
        text-align: left !important;;
    }
}

.filters-table {
    margin: auto;
    min-width: 300px;
    max-width: 100%;
    border-collapse: collapse;
    color: #333;
    border-radius: 0.2em;
    overflow: hidden;
    -webkit-box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.06);
}

.filters-table tr:first-child {
    background: #fff !important;
    color: #333 !important;
}

.filters-table .first-line td {
    border-bottom: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}

.filters-table-status {
    vertical-align: middle !important;
    text-align: center !important;
}

.filters-table tr:hover {
    background-color: #fff;
}

.filters-table-2nd-line {
    border: 1px solid #fff !important;
}

#price_per_unit_field_from {
    margin-bottom: 0.75rem;
}

.small-footer-logo {
    height: 50px !important;
}

.navbar-wrapper .navbar-brand img {
    height: 150px;
}

.navbar-item img {
    max-height: 3.75rem;
}

.gradient-button {
    background: linear-gradient(90deg, #8A2BE2, #00BFFF) !important;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.gradient-button:hover {
    background: linear-gradient(90deg, #7a20d9, #00a6e0) !important;;
}

.on-hover-gradient-button {
    font-size: 16px;
}

.on-hover-gradient-button:hover {
    background: linear-gradient(90deg, #8A2BE2, #00BFFF);
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.navbar-item button:hover {
    background: none;
}

.navbar-item-custom {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (min-width: 1024px) {
    .navbar-item-custom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.process-block .process-number, .contact-toggler .contact-blocks .contact-block .contact-icon  {
    background: linear-gradient(90deg, #8A2BE2, #00BFFF);
}

.hero-heading .auth-logo .top-logo {
    height: 50px;
}

.hero.is-theme-primary {
    background: linear-gradient(90deg, #8A2BE2, #00BFFF);
}

/* Mobile search results optimization */
@media screen and (max-width: 768px) {
    .responsive-table-scroll {
        font-size: 0.875rem;  /* Smaller font size on mobile */
    }

    .responsive-table-scroll td {
        padding: 0.5rem !important;  /* Reduce cell padding */
    }

    .responsive-table-scroll .button {
        padding: 0.25rem 0.5rem;  /* Smaller buttons */
        font-size: 0.75rem;
        height: auto;
    }

    /* Make price and area numbers smaller */
    [data-th="Qiymət"],
    [data-th="Sahə"],
    [data-th="Torpaq sahəsi"] {
        font-size: 0.8125rem;
        white-space: nowrap;
    }

    /* Truncate long text in certain columns */
    [data-th="Nişangah"],
    [data-th="Metro"] {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Adjust pagination for mobile */
    .pagination-wrapper {
        gap: 0.5rem;
    }

    .page-number {
        width: 28px;
        height: 28px;
        font-size: 0.875rem;
    }

    .button.button-cta {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}

/* For very small screens */
@media screen and (max-width: 480px) {
    .responsive-table-scroll {
        font-size: 0.8125rem;
    }

    .responsive-table-scroll td {
        padding: 0.375rem !important;
    }

    /* Further reduce certain column widths */
    [data-th="Nişangah"],
    [data-th="Metro"] {
        max-width: 100px;
    }
}