/* Styling form na página do corpo clínico novo */

/* Garante que o container grupo-left só tenha max-width 710px nesta página específica (onde o form estiver dentro do banner hero) */
.paragraph--type-ft-banner-hero:has(#block-formularioexpostocorpo-clinico-novoblock-1) .group-left {
    min-width: 710px;
}


#views-exposed-form-corpo-clinico-novo-block-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 4px !important;
    width: 100%;
    max-width: 688px;
    margin-bottom: 32px;
}

#views-exposed-form-corpo-clinico-novo-block-1 .js-form-item,
#views-exposed-form-corpo-clinico-novo-block-1 .form-actions {
    margin: 0 !important;
}

/* Linha 1: Selects de Especialidade e Centro de Referência */
#views-exposed-form-corpo-clinico-novo-block-1 .form-item-field-especialidade-target-id,
#views-exposed-form-corpo-clinico-novo-block-1 .form-item-field-centro-de-referencia-target-id {
    width: 336px !important;
}

/* Linha 2: Busca por texto (ocupa o que sobra) */
#views-exposed-form-corpo-clinico-novo-block-1 .form-item-title {
    width: 561px !important;
    background-color: #F6F7F9;
}

/* Botão Buscar */
#views-exposed-form-corpo-clinico-novo-block-1 .form-actions {
    width: 103px !important;
    flex-shrink: 0;
    display: flex;
    align-items: stretch;
}

/* Estilo geral para Input de Texto */
#views-exposed-form-corpo-clinico-novo-block-1 input[type="text"] {
    width: 100%;
    height: 40px;
    background-color: transparent !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 8px !important;
    padding: 0 16px;
    font-size: 16px;
    color: #404040;
    box-sizing: border-box;
    outline: none;
}

#views-exposed-form-corpo-clinico-novo-block-1 input[type="text"]::placeholder {
    color: #999;
}

/* Estilo dos Selects (Especialidade e Centro de ref) */
#views-exposed-form-corpo-clinico-novo-block-1 select {
    width: 100%;
    height: 40px;
    /* Nova altura desktop */
    background-color: #F6F7F9 !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;
    padding: 0 16px;
    font-size: 16px;
    color: #404040;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

#views-exposed-form-corpo-clinico-novo-block-1 select option {
    color: #404040;
}

/* Submit Style Override - Botão Buscar (Pill verde) */
#views-exposed-form-corpo-clinico-novo-block-1 .form-actions input[type="submit"] {
    width: 100% !important;
    height: 40px !important;
    border-radius: 20px !important;
    background-color: var(--verde-camargo, #0e5236) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

#views-exposed-form-corpo-clinico-novo-block-1 .form-actions input[type="submit"]:hover {
    opacity: 0.8 !important;
    /* Efeito hover do botão */
}

/* ----- Mobile Adjustment ----- */
@media only screen and (max-width: 767px) {
    .paragraph--type-ft-banner-hero:has(#block-formularioexpostocorpo-clinico-novoblock-1) .group-left {
        min-width: 310px;
    }

    #views-exposed-form-corpo-clinico-novo-block-1 {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        align-items: stretch;
        max-width: 100%;
    }

    /* Selects: cada um ocupa linha inteira */
    #views-exposed-form-corpo-clinico-novo-block-1 .form-item-field-especialidade-target-id,
    #views-exposed-form-corpo-clinico-novo-block-1 .form-item-field-centro-de-referencia-target-id {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100%;
    }

    /* Busca + Botão na mesma linha */
    #views-exposed-form-corpo-clinico-novo-block-1 .form-item-title {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0;
        max-width: none;
    }

    #views-exposed-form-corpo-clinico-novo-block-1 .form-actions {
        width: 103px !important;
        flex-shrink: 0;
    }
}