/*
Theme Name: Lavilla Child
Theme URI: https://maestrel.com/
Template: lavilla
Author: Maestrel
Author URI: https://maestrel.com/
Description: Lavilla Child Theme
Version: 0.1.1775633713
Updated: 2026-04-08 09:35:13

*/

/* Pour la liste d'équipements */
/* --- 3 colonnes par défaut (desktop + tablette) --- */

.liste-icones-3c {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 24px;
    padding: 0;
    margin: 0;
}

.liste-icones-3c li {
    display: flex;
    align-items: center;
}

.liste-icones-3c img {
    margin-right: 15px;
    width: 96px;
    height: 96px;
}

/* --- 2 colonnes sur mobile --- */
@media (max-width: 768px) {
  .liste-icones-3c {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 18px;	/* un peu plus d’air sur mobile */
  }
}



/* Pour la petite photo de la borie et le texte associé dans la home page */

.bloc {
    display: flex;
    align-items: center;	/* centre verticalement image + texte */
    gap: 15px;			/* espace entre image et texte */
}

.bloc img {
    width: 120px;	/* petit format */
    height: auto;
}
.texte {
    margin-top: 0;	/* évite un décalage vertical */
}


/* Pour la page des restaurants */

.village h3 {
    margin-top: 40px; /* ajuste la valeur selon ton goût */
}

.colonnes {
    display: flex;
    gap: 40px;
}

.colonne {
    display: flex;
    gap: 25px;
    flex-direction: column;
    flex: 1;
}

/* On enlève la marge sur les images */
.restaurant img.image,
.restaurant a.image img {
    margin-top: 0;
}

/* On met la marge sur le bloc restaurant */
.restaurant {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-top: 20px; /* espacement vertical uniforme */
}

/* On supprime la marge pour le premier restaurant de chaque colonne */
.colonne > .restaurant:first-child {
    margin-top: 0;
}

/* Image SANS lien */
.restaurant img.image {
    width: 150px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Image AVEC lien */
.restaurant a.image {
    display: block;
    overflow: hidden;      /* indispensable pour arrondir les coins */
    border-radius: 6px;    /* même arrondi que l’image */
}

.restaurant a.image img {
    width: 150px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    border-radius: 6px;    /* cohérence visuelle */
}

.infos {
    flex: 1;
}

.ligne-titre {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.nom {
    font-size: 1.1rem;
}

.prix {
    color: #444;
    font-weight: bold;
}

.commentaire {
    margin-top: 5px;
    color: #555;
    font-size: 0.95rem;
}

/* Responsive mobile */
@media (max-width: 800px) {
   .colonnes {
    flex-direction: column;
   }
}


/* Bloc de texte invisible (pour SEO) */
.seo-hidden {
    display: none !important;
}