.info-restaurant {
		background-color: black;
		margin-bottom: 20px;
	}

	.info-restaurant .opening-hours {
		background-color: black;
		color: white;
	}

	h3 {
		color: white;
	}

	.listing-desc-headline {
		color: #000000;
	}
	.opening-hours ul li {
		width: 100%;
		font-weight: 600;
		color: #ffffff;
		margin: 2px 0;
		transition: 0.2s;
		cursor: default;
	}
.meta-no-gap p { margin: 0; }

	.fade {
		animation-name: fade;
		animation-duration: 0.2s;
	}

	@keyframes fade {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.lozad {
		opacity: 0; /* Masque l'image par défaut */
		transition: opacity 0.3s ease-in-out; /* Animation de fondu en entrée/sortie */
	}

	.lozad.fade {
		opacity: 1; /* Révèle l'image lorsqu'elle est chargée */
	}

    .meta-row { display: flex; align-items: center; gap: 8px;  margin-bottom:20px;}
.meta-row i { line-height: 1; /* aligne l'icône */ }
.address-inline { margin: 0; font-style: normal; display: inline-block;}


h2 .foody-description{
    font-size:12px;
}

.ads-right-widget{
    text-align: center;
    margin-bottom: 10px;
    background: #38ff29;
    list-style-type: none;
    padding: 15px 25px 15px 10px;
    border-radius: 5px;
    border: 1.4px dashed #620f0f;
} 

.custom-modal{
width:80%;
}

.button-red:hover {

    color:#e8c7c7;
}

    .custom-list {
        list-style-type: none; /* Supprime les puces par défaut */
        padding: 0; /* Supprime le padding par défaut */
    }

    .custom-list li {
        margin-bottom: 10px; /* Espacement entre les éléments de la liste */
        display: flex; /* Utilise le modèle de boîte flexible pour l'alignement */
        align-items: center; /* Aligne verticalement l'icône et le texte */
    }

    .custom-list i {
        color: green; /* Couleur de l'icône */
        margin-right: 10px; /* Espace entre l'icône et le texte */
    }

    .custom-list p {
        margin: 0; /* Supprime les marges par défaut du paragraphe */
    }
    
        #listing-gallery {
        position: relative; /* Nécessaire pour positionner le bouton par rapport à la galerie */
    }

    .view-all-button {
        position: absolute;
        bottom: 10px; /* Ajustez la distance du bas selon vos besoins */
        left: 10px; /* Ajustez la distance de la gauche selon vos besoins */
        background-color: #f91942; /* Couleur de fond du bouton */
        color: #fff; /* Couleur du texte */
        padding: 10px 20px; /* Espacement interne du bouton */
        border-radius: 5px; /* Coins arrondis */
        text-decoration: none; /* Supprime le soulignement du lien */
        font-size: 14px; /* Taille de police du bouton */
        display: inline-block;
    }

    .view-all-button:hover {
        background-color: #fd2f54; /* Couleur de fond lors du survol */
        color:white;
    }

    .view-all-button:focus {
    outline: none; /* Supprime la bordure de focus par défaut */
    background-color: #fd2f54; /* Couleur de fond lorsque le bouton a le focus */
    color: white; /* Couleur du texte lorsque le bouton a le focus */
    border: 1px solid #fd2f54; /* Bordure pour le focus (optionnelle, pour plus de visibilité) */
}

.view-all-button:active {
    background-color: #c91f3a; /* Couleur de fond lors du clic (pour un effet visuel lors de l'action) */
    color: white; /* Couleur du texte lors du clic */
}

.foody-description h2{
    font-size:18px;
    color:#fa0c0c;
}

.meta-row {
  display: flex;
  align-items: center;
  gap: 12px;           /* espace horizontal entre les items */
  flex-wrap: wrap;     /* passe à la ligne si espace trop petit */
  margin: 0; 
  padding: 0;
}

.meta-link {
  display: inline-flex;     /* aligne icône + texte */
  align-items: center;
  gap: 6px;                 /* espace entre icône et texte */
  text-decoration: none;
  color: inherit;           /* hérite de la couleur du texte */
  margin: 0;
  line-height: 1;
  font-size: 0.95rem;       /* ajuste si besoin */
}

.meta-link i {
  line-height: 1;
  font-size: 1.6rem;       /* taille de l'icône */
}

/* si l'adresse / catégorie est trop longue -> ellipsis */
.meta-link-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18rem; /* adapte selon ton design */
}

h1{
font-family: Montserrat, arial, sans-serif;
    color: hsl(206, 85%, 5%);
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.9;
    }

    /* Bloc 3 colonnes services payants */
.paid-services-row { margin: 20px 0; }
.paid-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 10px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  background: #fff;
  border: 1px solid rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.paid-service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.paid-service-card .head {
  display:flex; align-items:center; gap:12px; margin-bottom:10px;
}
.paid-service-card .icon {
  width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; font-size:20px; color:#fff;
  background: linear-gradient(135deg,#ff7a7a,#ffb3b3);
}
.paid-service-card h5 { margin:0 0 6px 0; font-size:1rem; }
.paid-service-card p { margin:0 0 12px 0; color:#555; flex-grow:1; }
.paid-service-card .price { font-weight:700; margin-bottom:8px; }
.paid-service-card .btn-cta { width:100%; }

/* Equal height columns */
.paid-services-row .row { align-items: stretch; }

/* Mobile */
@media (max-width: 767.98px) {
  .paid-service-card { padding:14px; }
}