/************************************
*       Home Page
************************************/
.intro-header {
    text-align: center;
    color: #f8f8f8;
    background: url(../images/cover.png) no-repeat center center;
    background-size: 60%;
}
@media(min-width:1400px) { .intro-header { background-size: 60%; } }

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}
@media(min-width:1400px) { .intro-message { height: 800px; } }
.intro-message > h1 { margin: 0; text-shadow: 2px 2px 3px rgba(0,0,0,0.6); font-size: 2.5em; }
.intro-message > h3 { text-shadow: 2px 2px 3px rgba(0,0,0,0.6); }
.intro-divider { width: 400px; border-top: 1px solid #f8f8f8; border-bottom: 1px solid rgba(0,0,0,0.2); }

/* ── Dark mode : image inversée ── */
[data-bs-theme="dark"] .intro-header {
    background-image: url(../images/cover_dark.png);
}

/* ── Mobile : image entière visible + menu centré ── */
@media(max-width:767px) {
    .intro-header {
        /* L'image est carrée (1260×1260) → on réserve 100vw de hauteur */
        background-size: contain;
        background-position: center top;
        min-height: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .intro-message {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .intro-message > h1 { font-size: 2em; }
    .intro-divider { width: 100%; }
}