html {
    scroll-behavior: smooth;
}

/* Style pour la page publique avec image de fond */
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

/* Overlay semi-transparent sur l'image */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    z-index: 0;
}

body main {
    position: relative;
    min-height: calc(100vh - 56px);
    padding: 0;
    margin: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenu au-dessus de l'overlay */
body main > * {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Améliorer la lisibilité du texte sur fond sombre */
body .text-muted {
    color: #e0e0e0 !important;
}

body h1,
body .display-4 {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

body .lead {
    color: #f8f9fa !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/* Améliorer les cartes sur l'overlay */
body .card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* Footer sur page publique */
body footer {
    color: #ffffff;
    position: relative;
    z-index: 1;
}

body footer p {
    color: #e0e0e0;
}

/*
    @author Morgan DE CLERCK
    @description Stylesheet for private user pages
    
*/

/* Styles personnalisés pour la partie privée */
/* Les overrides Bootstrap sont dans bootstrap-override.css */

/* Layout avec footer sticky en bas de page */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}