/* CSS para reduzir o botão de comentário para usuário autenticado no Drupal 10 */

/* Fix container positioning and spacing */
#edit-actions--2 {
    margin-bottom: 1rem !important; /* Mantém espaçamento inferior */
    margin-top: 1rem !important; /* Mantém espaçamento superior */
    min-height: 50px !important; /* Define altura mínima para evitar colapso */
    overflow: visible !important; /* Garante visibilidade do conteúdo */

    clear: both !important; /* Limpa floats anteriores */
    display: block !important; /* Força comportamento de bloco */
    width: 100% !important; /* Ocupa toda a largura disponível */
    box-sizing: border-box !important; /* Inclui padding/border no cálculo da largura */
}

/* Targeting the specific container with ID ending in --2 (authenticated user) */
#edit-actions--2 input[type="submit"] {
    width: 15% !important;
    margin: 0 !important; /* Remove margens que possam causar problemas */
    float: none !important; /* Remove qualquer float */
    display: inline-block !important; /* Garante comportamento de bloco inline */
}

/* Alternative selector using attribute contains for more flexibility */
[id*="edit-actions--2"] input[type="submit"] {
    width: 15% !important;
}

/* More specific selector if needed to override existing styles */
div.form-actions#edit-actions--2 input.button.button--primary {
    width: 15% !important;
    min-width: auto !important; /* Remove any minimum width constraints */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    #edit-actions--2 input[type="submit"] {
        width: 25% !important; /* Slightly larger on mobile for better usability */
        min-width: 80px !important; /* Ensure minimum touch target */
    }
}

@media (max-width: 480px) {
    #edit-actions--2 input[type="submit"] {
        width: 35% !important; /* Even larger on very small screens */
        min-width: 100px !important;
    }
}