@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@400;700&display=swap');

html, body {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

main {
    flex: 1 0 auto;
}

h1, h2, h3, .navbar-brand {
    font-family: 'Playfair Display', serif;
    margin-left: auto;
    margin-right: auto;
}

.card, .btn {
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.gallery-img {
    height: 250px;
    object-fit: cover;
}

.about-img {
    max-width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Espace vertical sur mobile pour les colonnes qui s'empilent */
@media (max-width: 767.98px) {
    .row > [class*="col-"]:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}