/* CSS spécifique pour la page d'accueil */

/* Propriétés communes pour tous les thèmes */
.md-main {
    background-image: url('../bg.jpg');
    background-size: auto, max(50%, 600px);
    background-position: center, right center;
    background-repeat: no-repeat;
    --gradient-middle: min(55%, 1200px);
}

/* Annuler le background quand le menu mobile est ouvert */
[data-md-drawer-visible] .md-main {
    background: none !important;
}

/* Thème clair (default) - Arrière-plan blanc */
[data-md-color-scheme="default"] .md-main {
    background-image: 
        linear-gradient(100deg, 
            #ffffff 0%, 
            #ffffff var(--gradient-middle),
            rgba(255, 237, 216, 0.7) 80%,
            rgba(255, 248, 236, 0.4) 100%
        ),
        url('../bg.jpg');
}

/* Thème sombre (slate) - Arrière-plan gris */
[data-md-color-scheme="slate"] .md-main {
    background-image: 
        linear-gradient(100deg, 
            #000000 0%, 
            #000000 var(--gradient-middle), 
            rgba(110, 95, 78, 0.8) 80%,
            rgba(72, 66, 56, 0.6) 100%
        ),
        url('../bg.jpg');
}

/* Support pour prefers-color-scheme (préférences système) */
@media (prefers-color-scheme: light) {
    .md-main {
        background-image: 
            linear-gradient(100deg, 
                #ffffff 0%, 
                #ffffff var(--gradient-middle), 
                rgba(255, 237, 216, 0.7) 80%,
                rgba(255, 248, 236, 0.4) 100%
            ),
            url('../bg.jpg');
    }
}

@media (prefers-color-scheme: dark) {
    .md-main {
        background-image: 
            linear-gradient(100deg, 
                #2b2b2b 0%, 
                #2b2b2b var(--gradient-middle), 
                rgba(110, 95, 78, 0.8) 80%,
                  rgba(72, 66, 56, 0.6) 100%
            ),
            url('../bg.jpg');
    }
}

/* Media query pour écrans inférieurs à 1000px - Gradient réduit plus vite */
@media (max-width: 1000px) {
    .md-main {
        --gradient-middle: min(45%, 500px);
    }
}

@media (max-width: 700px) {
    .md-main {
        --gradient-middle: min(30%, 300px);
    }
}

.md-nav__title {
    background-color: transparent !important;
    box-shadow: none !important;
}

.md-footer {
    display: none;
}

.md-search {
    display: none;
}

.md-header__source {
    display: none;
}