/*
Theme Name: Doctor Suggestions
Theme URI: https://elementor.com
Description: Tema filho para o Hello Elementor.
Author: Marco Moreira
Author URI: https://drasabrina.com.br
Template: hello-elementor
Version: 1.0.0
*/

/* Container principal da lista */
/* Remove bolinhas e margens da lista */
.mm-home-pages-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Configura o item da lista como o contêiner flexível principal */
.mm-home-pages-list li {
    display: flex !important;
    width: 100%;
}

/* Estiliza o link ocupando todo o espaço do botão */
.mm-home-pages-list li a {
    display: flex !important;
    flex-direction: column !important; /* FORÇA O TEXTO A QUEBRAR EM LINHAS */
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1;
    min-height: 80px; /* Aumentado para dar margem de respiro ao texto longo */
    
    background-color: #ffffff;
    color: inherit;
    text-decoration: none;
    text-align: center;
    padding: 16px 24px; /* Ajuste no respiro interno */
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
    border: 1px solid rgba(0, 0, 0, 0.05); 
}

/* Mantém o efeito de hover */
.mm-home-pages-list li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    background-color: #fafafa;
}

/* Regras de Responsividade para Celulares (Telas até 767px) */
@media (max-width: 767px) {
    .mm-home-pages-list {
        max-width: 100%; /* Ocupa a largura total disponível na tela do celular */
        padding: 0 16px !important; /* Adiciona uma margem nas laterais para não encostar na borda do celular */
        gap: 12px; /* Reduz ligeiramente o espaço entre um botão e outro */
    }

    .mm-home-pages-list li a {
        font-size: 14px; /* Diminui a fonte para o texto caber melhor */
        padding: 12px 16px; /* Reduz o padding para priorizar o espaço do texto */
        min-height: 70px; /* Ajusta a altura mínima proporcionalmente à fonte menor */
    }
}