/* General Styles */
html, body {
    height: 100%;
    margin: 0;
    background-color: #fff3d1;
}

body {
    background-color: #fff3d1;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Carousel container styling */
.carousel-inner {
    border-radius: 15px;
    background-color: transparent;
}

.carousel-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-item img {
    max-height: 400px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 15px;
    display: block; /* S'assurer que l'image est un élément bloc, pour un centrage plus fiable */
    margin: auto;   /* En cas de besoin, cette ligne peut aider à centrer si un autre style interfère */
}

/* Galerie spécifique à la page Remerciements */
.reminder-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Plus dense */
    gap: 10px; /* Espacement entre les images */
    padding: 20px;
}

.reminder-gallery .mosaic-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.reminder-gallery .mosaic-image:hover {
    transform: scale(2); /* Zoom au survol */
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .carousel-inner {
        height: 300px; /* Réduit la hauteur sur mobile */
    }

    .carousel-item img {
        height: 100%; /* Ajuste la hauteur pour le responsive */
    }
}
header {
    background-color: #b7875f;
}

header a {
    color: #183b27;
    text-decoration: none;
}

header a:hover {
    color: #c66b4e;
    text-decoration: none;
}

main {
    flex: 1;
    background: url("../images/background.jpg") repeat; /* Image répétée */
    background-position: top left; /* Début de l'image dans le coin supérieur gauche */
    padding-top: 75px;
}

main p{
  color: #6c757d !important;
}

.table thead {
    background-color: #38442c;
    color: #fff;
}

.table tbody {
    background-color: #fff3d1;
}

.table {
    border-radius: 10px;
    overflow: hidden;
}

/* style de la carte */
.menu-section-item {
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    text-decoration: none;
    color: #183b27;
    padding: 40px 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

.menu-section-item h2, .menu-section-item p {
    background: rgba(206, 185, 166, 0.68);
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
}

/* Effet au survol */
.menu-section-item:hover {
    transform: scale(1.02);
    color: #b2512f;
}

/* Positionnement spécifique de chaque item */
.menu-section-tapas {
    margin-left: 0;        /* Aligné à gauche */
    margin-right: auto;
}

.menu-section-brunch {
    margin-left: auto;     /* Aligné à droite */
    margin-right: 0;
}

.menu-section-boissons {
    margin: 0 auto;        /* Centré */
}

/* Footer Styles */
footer {
    background-color: #38442c;
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

footer img {
    height: 25px;
    width: auto;
}

footer a {
    color: white;
    text-decoration: none;
}

footer a:hover {
    color: #c66b4e;
    text-decoration: none;
}

/* Responsive Header Adjustments */
@media (max-width: 1150px) {
    .d-lg-none {
        display: block !important;
    }

    .d-lg-flex {
        display: none !important;
    }
}


@media (max-width: 768px) {
    .responsive-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .responsive-section img {
        margin-top: 15px;
        max-width: 90%;
        height: auto;
    }
  }
/* Footer responsive adjustments for small screens */
@media (max-width: 853px) {
    footer {
        flex-direction: column;
        padding: 15px;
    }

    footer .footer-links,
    footer .footer-logos {
        flex-direction: column;
        align-items: center;
    }

    footer .footer-logos img {
        margin-top: 10px;
    }
}

/* Navbar Toggler Icon */
.navbar-toggler-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath stroke="rgba(0, 0, 0, 1)" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}

/* Ensure no extra background below footer */
html, body {
    height: 100%;
}

/* Font-face for custom font */
@font-face {
    font-family: "Westmeath";
    src: url("../fonts/Westmeath.ttf") format("truetype"),
         url("../fonts/Westmeath.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Westmeath";
    src: url("../fonts/Westmeath Italic.ttf") format("truetype"),
         url("../fonts/Westmeath Italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
}

body {
    font-family: "Westmeath", Arial, sans-serif !important;
}
h1, h2, h3 {
    font-family: "Westmeath", Arial, sans-serif !important;
}