/* define import rules for mediaquery breakpoints */
/*
Small Devices: 		min-width: 1px
Medium Devices 		min-width: 576px
Tablets 			min-width: 768px
Laptops_Desktops: 	min-width: 992px
Large_Desktops: 	min-width: 1200px
Extra_Large: 		min-width: 1400px 
*/

/* @import url("hatudo.css"); o extrasmall vai aqui */ 
@import url("hatudo_s.css") (min-width: 576px);
@import url("hatudo_m.css") (min-width: 768px);
@import url("hatudo_l.css") (min-width: 992px);
@import url("hatudo_xl.css") (min-width: 1200px);
@import url("hatudo_xxl.css") (min-width: 1400px);

/* define vars */
html {
    --primary-color: #F18A00;
    --secondary-color: #626866;
    --primary-backg: #FFE485;
    --secondary-backg: #785964;
    --primary-highlight: #F9F5F0;
    --secondary-highlight: #FFF9F1;
    --off-white: #FCFCFC;
    --off-black: #2E2E2E;
    --off-grey: #ADADAD
}

/* TESTE VARS */



.header-navbar__menu > ul > li.current-menu-item::before
{
    background-color: var(--primary-color);
}




/* formata pre debug */
pre.debug {
    height: fit-content;
    display: contents;
}

/* formata contador de anúncios nas categorias, estava pouco legível */
.hp-listing-category--view-block .hp-listing-category__item-count.hp-listing-category__count, /* blocos na homepage */
.hp-listing-category--view-page .hp-listing-category__item-count.hp-listing-category__count /* dentro de cada categoria*/
	{ 
	background-color: rgba(255, 255, 255, 0.75);
	color:black
	}

/* o mesmo para os labels sobre as imagens dos anúncios */
/* verificar se afecta outros elementos em outras partes do site, restringir a regra se necessário */
.hp-listing--view-block .hp-listing__categories.hp-listing__category a {
    background-color: rgba(255, 255, 255, 0.75);
    color: black;
}