/* Layout CSS - Structure de la page */

.page-container {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
}

.column {
    flex: 1;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.left-column { 
    align-items: flex-end; 
}

.center-column { 
    justify-content: center; 
    align-items: center; 
}

.right-column { 
    align-items: flex-start; 
}

/* Containers pour les animations de texte */
.animated-text-container { 
    width: auto; 
}

.left-text-container { 
    text-align: right; 
}

.right-text-container { 
    text-align: left; 
}

.text-line-wrapper {
    margin-bottom: var(--text-line-margin-bottom);
    height: calc(var(--text-line-font-size-css) * var(--text-line-height-css));
    position: relative;
    overflow: visible;
}

.text-line {
    display: flex;
    align-items: center;
    font-size: var(--text-line-font-size-css);
    line-height: var(--text-line-height-css);
    font-weight: 400;
    color: var(--text-color);
    opacity: 0;
    white-space: nowrap;
    height: 100%;
}

/* Container pour le logo SVG - Agrandi */
#logo-container {
    width: 70vw; /* Utilise 70% de la largeur de la fenêtre */
    max-width: 70vh; /* La largeur max est 70% de la hauteur de la fenêtre, pour garder une proportion */
    /* max-width: 1200px; */ /* Une limite absolue si besoin, mais essayons d'abord avec vh */
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0; /* Marges verticales un peu réduites */
}

#logo-container svg {
    width: 100%;
    height: auto;
    display: block;
}