/* style-index.css */

body, html {
    height: 100%;
    width: 100%; /* Ajouté pour centrage global */
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Logo sur la page d'accueil (index.php) */
.splash-logo {
    width: 100%; /* Force l'image à prendre la largeur de son parent */
    height: auto; /* Maintient le ratio de l'image */
    max-width: 400px; /* Taille maximale pour mobile */
    margin-bottom: 2rem;
}

/* Pour les écrans plus grands (tablettes et PC) */
@media (min-width: 768px) {
    .splash-logo {
        max-width: 800px; /* Plus grand sur tablette/PC */
    }
}

.splash-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 20px;
}