/* 
 * MozBook Clone CSS
 * Correcoes e overrides de responsividade
 */

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #0f172a;
    color: white;
}

/* Forcar barra de pesquisa visivel no mobile */
.hidden.md\:block {
    display: block !important;
}

/* Ajustar layout do header no mobile */
@media (max-width: 768px) {
    /* Reduzir margem da barra de pesquisa no mobile */
    .flex-1.max-w-md.mx-8 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        max-width: none !important;
    }

    /* Input de pesquisa menor no mobile */
    .flex-1.max-w-md.mx-8 input {
        padding: 0.4rem 0.4rem 0.4rem 2rem !important;
        font-size: 0.8rem !important;
    }
}