/* ==============================
   Cards de empresas e anúncios
   ============================== */
.card {
    /* Altura adaptativa: suficiente para o conteúdo, sem exagero */
    min-height: auto; /* deixa o conteúdo definir a altura */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* evita grandes espaços verticais */
    padding: 0.75rem;
}

/* Cards de lista de empresas */
#OutrosEstabelecimentosNoMunicipio .card {
    min-height: 120px; /* ajustado, antes era 140px */
}

/* ==============================
   Imagens e avatars
   ============================== */
img {
    aspect-ratio: 1 / 1; /* mantém proporção constante */
    object-fit: cover;
    display: block; /* evita gaps inline */
}

/* Favicons e avatars do layout */
.img-avatar {
    width: 48px;
    height: 48px;
    aspect-ratio: 1 / 1;
}

/* ==============================
   Google Search Widget
   ============================== */
.gcse-search {
    min-height: 60px; /* espaço reservado menor */
}

/* ==============================
   Anúncios dinâmicos
   ============================== */
.ad-container,
#AnunciosFooter,
x-anuncio-display {
    min-height: 250px; /* mantém espaço para banner */
}

/* ==============================
   Side overlay e toggles
   ============================== */
/* Esconde visualmente sem quebrar fluxo */
.d-none {
    visibility: hidden !important;
    display: block !important;
    height: 0 !important;
    overflow: hidden;
}

/* ==============================
   Botões de toggle de layout
   ============================== */
button[data-toggle="class-toggle"] {
    min-width: 48px;
    min-height: 48px;
}

/* ==============================
   Fonts
   ============================== */
body {
    font-family: 'Roboto', sans-serif;
}

/* ==============================
   Cards do Shopee ou seções especiais
   ============================== */
#OutrosEstabelecimentosNoMunicipio > div.card {
    min-height: 140px; /* mais compacto que 160px */
}

/* ==============================
   Garante que colunas não mudem ao expandir
   ============================== */
.col-md-4,
.col-md-8 {
    min-height: auto; /* agora se ajusta ao conteúdo */
}