/* ===== Galerie page styles ===== */

/* Introduction */
.galerie-intro__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.galerie-intro__content {
    width: 100%;
    max-width: 720px;
}

.galerie-intro__lead {
    max-width: 65ch;
}

.galerie-intro__content p:not(.galerie-intro__lead) {
    max-width: 65ch;
}

.galerie-intro__separator {
    margin-top: var(--space-lg);
    margin-bottom: 0;
}

/* Comptoir et salle */
.galerie-comptoir__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.galerie-comptoir__text {
    min-width: 0;
}

.galerie-comptoir__text p {
    max-width: 60ch;
}

.galerie-comptoir__figure {
    margin: 0;
}

.galerie-comptoir__figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border: 1px solid var(--color-brun-10);
}

.galerie-comptoir__figure figcaption {
    margin-top: var(--space-xs);
}

/* Cuisine ouverte */
.galerie-cuisine__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.galerie-cuisine__text {
    max-width: 70ch;
    margin-bottom: 0;
}

.galerie-cuisine__figure {
    margin: var(--space-lg) 0 0;
}

.galerie-cuisine__figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-top: 4px solid var(--color-moutarde);
    border-bottom: 4px solid var(--color-moutarde);
    border-left: none;
    border-right: none;
}

.galerie-cuisine__figure figcaption {
    margin-top: var(--space-xs);
}

/* Plats à partager */
.galerie-plats__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.galerie-plats__text {
    min-width: 0;
}

.galerie-plats__text p {
    max-width: 60ch;
}

.galerie-plats__images {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    min-width: 0;
}

.galerie-plats__figure {
    margin: 0;
}

.galerie-plats__figure img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid var(--color-brun-10);
}

.galerie-plats__figure figcaption {
    margin-top: var(--space-xs);
}

/* Vins et comptoir */
.galerie-vins__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.galerie-vins__figure {
    margin: 0;
}

.galerie-vins__figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border: 1px solid var(--color-brun-10);
}

.galerie-vins__figure figcaption {
    margin-top: var(--space-xs);
}

.galerie-vins__text {
    min-width: 0;
}

.galerie-vins__text p {
    max-width: 60ch;
}

/* Espace poker */
.galerie-poker__container {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.galerie-poker__text {
    max-width: 70ch;
    margin-bottom: 0;
}

.galerie-poker__figure {
    margin: var(--space-lg) 0 0;
}

.galerie-poker__figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-top: 4px solid var(--color-brique);
    border-bottom: 4px solid var(--color-brique);
    border-left: none;
    border-right: none;
}

.galerie-poker__figure figcaption {
    margin-top: var(--space-xs);
}

/* Moments de partage */
.galerie-groupe__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.galerie-groupe__text {
    min-width: 0;
}

.galerie-groupe__text p {
    max-width: 60ch;
}

.galerie-groupe__figure {
    margin: 0;
}

.galerie-groupe__figure img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border: 1px solid var(--color-brun-10);
}

.galerie-groupe__figure figcaption {
    margin-top: var(--space-xs);
}

/* Détails artisanaux */
.galerie-details__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.galerie-details__text {
    min-width: 0;
}

.galerie-details__text p {
    max-width: 60ch;
}

.galerie-details__images {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    min-width: 0;
}

.galerie-details__figure {
    margin: 0;
}

.galerie-details__figure img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid var(--color-brun-10);
}

.galerie-details__figure figcaption {
    margin-top: var(--space-xs);
}

/* Appel à l'action */
.galerie-cta__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-md);
    max-width: 600px;
    margin-inline: auto;
}

.galerie-cta__text {
    max-width: 65ch;
    margin-bottom: 0;
}

.galerie-cta__actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    align-items: center;
    margin-top: var(--space-sm);
}

/* Tablet and desktop */
@media (min-width: 768px) {
    .galerie-comptoir__container {
        grid-template-columns: 55% 45%;
        gap: var(--space-xl);
    }

    .galerie-comptoir__figure {
        margin-right: -20px;
    }

    .galerie-plats__container {
        grid-template-columns: 50% 50%;
        gap: var(--space-xl);
    }

    .galerie-vins__container {
        grid-template-columns: 45% 55%;
        gap: var(--space-xl);
    }

    .galerie-vins__figure {
        margin-left: -20px;
    }

    .galerie-groupe__container {
        grid-template-columns: 55% 45%;
        gap: var(--space-xl);
    }

    .galerie-groupe__figure {
        margin-right: -20px;
    }

    .galerie-details__container {
        grid-template-columns: 50% 50%;
        gap: var(--space-xl);
    }

    .galerie-cta__actions {
        flex-direction: row;
        gap: var(--space-md);
    }
}

@media (max-width: 767px) {
    .galerie-intro__content {
        max-width: 100%;
    }

    .galerie-intro__lead,
    .galerie-intro__content p:not(.galerie-intro__lead) {
        max-width: 60ch;
    }

    .galerie-cuisine__text,
    .galerie-poker__text {
        max-width: 60ch;
    }

    .galerie-cta__container {
        max-width: 100%;
        padding-inline: var(--gutter-mobile);
    }
}