/* ==================== ESTILOS - SUBSTITUIÇÃO DE PRESTADORES ==================== */

.info-item {
    font-weight: bold;
    color: #555;
}

/* Garantir que os accordions tenham o estilo correto */
#cardsSubstituicao .accordion {
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
}

#cardsSubstituicao .accordion-item {
    background-color: #fff;
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color, rgba(0,0,0,.125));
}

#cardsSubstituicao .accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: #0c63e4;
}

.subtitle-filtros {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Select2 responsivo */
.select2-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.select2-container--default .select2-selection--single {
    height: auto !important;
    min-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

/* Previne overflow horizontal */
body {
    overflow-x: hidden !important;
}

.container {
    overflow-x: hidden !important;
}

/* ==================== RESPONSIVIDADE MOBILE ==================== */
@media (max-width: 768px) {
    /* Título principal */
    .main__title {
        font-size: 1.5rem !important;
    }

    /* Accordion do filtro */
    .accordion-button {
        font-size: 0.95rem;
        padding: 0.75rem;
    }

    .subtitle-filtros {
        font-size: 0.75rem;
    }

    /* Select2 no mobile */
    .select2-dropdown {
        max-width: calc(100vw - 40px) !important;
        left: 20px !important;
    }
    
    .select2-results {
        max-height: 250px !important;
    }

    .select2-container--default .select2-results__option {
        padding: 10px 12px;
        font-size: 0.9rem;
        word-wrap: break-word;
        white-space: normal;
    }

    /* Botão de pesquisar */
    #btn-pesquisar {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    /* Cards de substituição */
    #cardsSubstituicao .accordion-button {
        font-size: 0.9rem;
        padding: 0.75rem;
    }

    #cardsSubstituicao .badge {
        font-size: 0.75rem;
        padding: 0.35em 0.5em;
    }

    #cardsSubstituicao .list-group-item {
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    #cardsSubstituicao .info-item {
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.85rem;
    }

    /* Espaçamento entre cards */
    #cardsSubstituicao .accordion.mb-4 {
        margin-bottom: 1rem !important;
    }

    /* Accordion body */
    #cardsSubstituicao .accordion-body {
        padding: 1rem;
    }

    #cardsSubstituicao h6 {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    /* Extra pequeno (celulares muito pequenos) */
    .main__title {
        font-size: 1.25rem !important;
    }

    #cardsSubstituicao .list-group-item {
        font-size: 0.85rem;
        padding: 0.5rem 0.75rem;
    }

    #cardsSubstituicao .accordion-body {
        padding: 0.75rem;
    }
}