/* @import url('./settings/variables.css'); */


/* BREADCRUMB */
    .breadcrumbs-container{
        margin-top: var(--padding-margin-xl);
        margin-bottom: var(--padding-margin-md);
    }

    .breadcrumbs-container *{
        padding: 0px;
        margin: 0px;
    }
/* BREADCRUMB */

/* SEARCH */
    .search-container{
        margin-bottom: var(--padding-margin-lg);
    }
/* SEARCH */

/* CATALOG */
    .catalog-container{
        /* border: 2px solid; */
    }

    .total-results{
        font-family: var(--font-subtitle);
        font-size: 20px;
        font-weight: 600;
        color: var(--black-color);
    }

    .body-catalog{
        margin: var(--padding-margin-md) 0px;
        display: flex;
        flex-wrap: wrap;
        /* border: 2px solid; */
    }

    .body-container .filters-container{
        /* border: 2px solid; */
    }

    .footer-catalog .index-pagination{
        font-family: var(--font-subtitle);
        font-size: 16px;
        font-weight: 600;
        color: var(--text-color);
    }

    .footer-catalog .index-pages{
        /* border: 2px solid; */
    }
/* CATALOG */

/* CARDS */
.btn-favorite-sm{
    font-size: calc(var(--icon-md) - 4px);
    height: 26px;
    line-height: 0px !important;
}

div:has(> span.tag-new-post){
    width: 100%;
    position: absolute;
}

.tag-new-post{
    height: fit-content;
    background: var(--primary-color);
    color: var(--text-color);
    padding: var(--padding-margin-xs) var(--padding-margin-sm);
    font-weight: 500;
    border-radius: 8px 0px;
    display: inline-block;
    max-width: 152px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-certified{
    color: var(--primary-color);
    font-size: 32px;
    line-height: 0px;
}

.tag-new-car{
    padding: 2px var(--padding-margin);
    background: var(--primary-color);
    line-height: 0px;
    border-radius: 4px;
    font-style: italic;
}

.btn-favorite-car, .btn-favorite-car:hover, .btn-favorite-car:active{
    color: var(--primary-color) !important;
}

/* CARDS */