/*
|--------------------------------------------------------------------------
| ADSMARKET REAL CATEGORY SVG ICON SYSTEM
|--------------------------------------------------------------------------
|
| No icon background boxes.
| SVG line icons only.
| One shared icon language everywhere.
|
*/


/* ========================================================= */
/* CATEGORY COLOR TOKENS */
/* ========================================================= */


.am-cat-all{
    color:#166ce8;
}


.am-cat-vehicles{
    color:#1769e0;
}


.am-cat-property{
    color:#179d60;
}


.am-cat-electronics{
    color:#346fd9;
}


.am-cat-home-living{
    color:#e45848;
}


.am-cat-fashion{
    color:#7054cf;
}


.am-cat-pets{
    color:#de861a;
}


.am-cat-jobs{
    color:#b96810;
}


.am-cat-services{
    color:#15916f;
}


.am-cat-hobbies{
    color:#7755d9;
}


.am-cat-business-equipment{
    color:#445168;
}


/* ========================================================= */
/* GLOBAL SVG */
/* ========================================================= */


.am-category-svg,
.ams-category-svg,
.ams-filter-svg,
.ams-search-control-svg{
    display:block;

    flex:0 0 auto;

    overflow:visible;
}


/* ========================================================= */
/* HOMEPAGE */
/* ========================================================= */


.am-category-icon.am-category-svg-wrap{
    width:62px !important;

    height:52px !important;

    margin-bottom:9px !important;

    padding:0 !important;

    border:0 !important;

    border-radius:0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}


.am-category-svg{
    width:38px;

    height:38px;

    stroke-width:1.75;
}


/*
|--------------------------------------------------------------------------
| Kill old background-color category styles.
|--------------------------------------------------------------------------
*/

.am-category-color-1,
.am-category-color-2,
.am-category-color-3,
.am-category-color-4,
.am-category-color-5,
.am-category-color-6,
.am-category-color-7,
.am-category-color-8{
    background:
        transparent !important;
}


/* ========================================================= */
/* TOP SEARCH CATEGORY CHIPS */
/* ========================================================= */


.ams-chip-icon{
    width:19px;

    height:19px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        transparent !important;

    border:0 !important;
}


.ams-category-svg{
    width:18px;

    height:18px;

    stroke-width:1.9;
}


.ams-category-chip.active
.ams-chip-icon{
    color:#fff !important;
}


.ams-category-chip{
    gap:8px !important;
}


/* ========================================================= */
/* MAIN CATEGORY SEARCH CONTROL */
/* ========================================================= */


.ams-search-category-svg{
    width:22px;

    height:22px;

    flex:0 0 22px;

    color:#142e55;

    display:flex;

    align-items:center;

    justify-content:center;
}


.ams-search-control-svg{
    width:20px;

    height:20px;

    stroke-width:1.8;
}


/* ========================================================= */
/* FILTER CATEGORY ROW */
/* ========================================================= */


.ams-category-check-row{
    grid-template-columns:
        18px
        23px
        minmax(0,1fr)
        auto !important;

    min-height:27px !important;

    gap:7px !important;
}


.ams-filter-category-icon{
    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 22px;

    background:
        transparent !important;

    border:0 !important;
}


.ams-filter-svg{
    width:18px;

    height:18px;

    stroke-width:1.85;
}


.ams-filter-category-name{
    min-width:0;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#314764;

    font-size:11.5px;

    font-weight:550;
}


.ams-category-check-row:hover
.ams-filter-category-name{
    color:#0d5fcf;
}


.ams-category-check-row:has(
    input:checked
)
.ams-filter-category-name{
    color:#0c62d6;

    font-weight:700;
}


.ams-category-check-row:has(
    input:checked
)
.ams-filter-category-icon{
    color:#0d67e4;
}


/* ========================================================= */
/* REMOVE BACKGROUNDS FROM ALL CATEGORY ICON AREAS */
/* ========================================================= */


.am-category-svg-wrap,
.ams-chip-icon,
.ams-filter-category-icon,
.ams-search-category-svg{
    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* ========================================================= */
/* TABLET */
/* ========================================================= */


@media(max-width:900px){

    .am-category-svg{
        width:35px;

        height:35px;
    }


    .ams-filter-svg{
        width:18px;

        height:18px;
    }

}


/* ========================================================= */
/* MOBILE */
/* ========================================================= */


@media(max-width:600px){

    .am-category-icon.am-category-svg-wrap{
        width:52px !important;

        height:45px !important;
    }


    .am-category-svg{
        width:32px;

        height:32px;
    }


    .ams-category-check-row{
        grid-template-columns:
            18px
            21px
            minmax(0,1fr)
            auto !important;
    }


    .ams-filter-category-icon{
        width:20px;

        height:20px;
    }


    .ams-filter-svg{
        width:17px;

        height:17px;
    }

}