/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 05 2026 | 16:43:38 */
ion/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

/*------------New code by Ameni--------*/
  
 
div.wpforms-container-full .wpforms-confirmation-container-full{
	width: 40%;
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    text-align: center;
   
}
div.wpforms-container-full .wpforms-confirmation-container-full p{
 color: #2cb5b4;	
}
/* etc., selon le nombre de cards */

 
/* et ainsi de suite si tu veux gérer plusieurs cards */
 .video-click {
  cursor: pointer;
}
.video-youtube{
	border-radius:150px;
}
img.emoji{
	width:20px;
}
.event.type-event .event-date-month {
color:#000;	
	font-size:20px;
}
.date-events .event-date-month {
	color:#fff!important;
	font-size:22px;
	text-transform:uppercase;
	font-weight:700;
}
.etablissements-grid {
   display: grid;
	padding-bottom:50px;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
.etablissement-card-container{
	

    overflow: hidden;
    background: none !important;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    position: relative;
    order: 3;
    border-radius: 0;
}
.etablissement-card-container:hover .etablissement-card-image {
  transform: scale(1.02);
}
.etablissement-card-image{
   height: 250px;	
}
.etablissement-card-image img{
    width: 100%;
 height:100%;
    object-fit: cover;
	   transition: transform 0.3s ease;
}
 


.etablissement-card:hover img {
  transform: scale(1.05);
}
/* overlay sombre léger */
.etablissement-card-container::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.95) 0%,
    rgba(0, 0, 0, 0.4) 40%,
    rgba(0, 0, 0, 0.05) 70%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* bloc blanc centré */
.overlay-content {
display: block;
 
    font-size: 1.3rem;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 2rem;
    line-height: 1;
    left: 1.5rem;
    z-index: 2;
    text-align: left;
    transition: 0.2s ease-in-out;
}
 
/* ville */
.overlay-content .ville {
    display: block;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
  text-transform:uppercase;
}
/* Hover effet zoom + ombre */
 
.etablissement-card:hover img {
    transform: scale(1.1);
}

.etablissement-card:hover .overlay {
    background: rgba(0,0,0,0.7);
}
/* date */
.overlay-content .date {
    display: block;
	   font-weight:700;
	color:#fff;
	 text-transform:uppercase;
    font-size: 15px;
    margin-top: 5px;
}
/* Container label */
.filters label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    margin-right: 20px;
    position: relative;
	color:#fff;
	text-transform:uppercase;
	
}

/* On cache le checkbox natif */
.filters input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #ddd;
    background: #fff;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* Hover */
.filters input[type="checkbox"]:hover {
    border-color: #cc0000;
}

/* Quand coché */
.filters input[type="checkbox"]:checked {
    border-color: #cc0000;
    background-color: #fff;
}

/* Le check rouge */
.filters input[type="checkbox"]:checked::after {
    content: "✔";
    color: #cc0000;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
}
.elementor-shape.elementor-shape-bottom .elementor-shape-fill{
	transform:none;!important;
}

video.elementor-background-video-hosted {
    width: 100% !important;
}
body{
    max-width:100% !important;
}

header > .e-con-full.blur-bg.e-flex.e-con.e-parent.e-lazyloaded {
    width: 100%;
    right: 0;
    left: 0 !important;
    max-width: 100% !important;
}
.header-mobile .elementor-widget-theme-site-logo{
	    position: relative;
    top: -10px;
}
.offre-images-slider .swiper-slide-image{
	height:480px;
	object-fit:cover;
}
/* body {
    max-width: 1920px;
    margin: 0 auto;
} */
header .blur-bg {
	max-width: 1920px!important;
    margin: 0 auto;
	left:auto!important;
}
.blog-slider .elementor-widget-theme-post-featured-image a{
	display:block;
}
.blog-slider .elementor-widget-theme-post-featured-image a img{
	width:100%;
	max-width:100%;
	height:550px;
	object-fit:cover;
}
.team-slider .box-image:before{
	 width:100%;
	top:0;
	background-size:cover;
}
.events-left-title{
	text-align:center;
}
.w-100{
	width:100%;
}
.event-beer-left .event-date{
	color:#fff;
	 display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    text-transform: lowercase;
}
.event-beer-item{
	padding-bottom:15px;
}
.event-beer-item {
    background: #e30613; /* rouge */
    color: #fff;
     display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.event-beer-left h3 {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1px;
}
.offres-box .dce-acf-repeater-grid{
	display: grid!important;
 grid-template-columns: repeat(2, 1fr); 
  gap: 16px;	
}
.google-review-button{
	padding-top: 25px;
}
.btn-avis:hover,
.btn-avis:focus,
.btn-avis:active{
		background-color:#1C7878;
	border:1px solid #1C7878;
	color:#fff;
}
.btn-avis{
	background-color:#fff;
	border:1px solid #1C7878;
	color:#1C7878;
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	padding:12px 28px;
	border-radius:50px;
}
    .google-rating-box {
        display: flex;
        align-items: center;
        gap: 20px;
    	
	font-family: "Poppins", Sans-serif;
    }

    .google-rating-left {
        display: flex;
        flex-direction: column;
    }

    .google-rating-score {
        font-size: 48px;
        font-weight: bold;
        line-height: 1;
    }

    .google-stars {
        color: #fbbc04;
        font-size: 24px;
        margin: 5px 0;
    }

    .google-reviews-count {
        color: #777;
        font-size: 16px;
    }

    .google-logo img {
        height: 40px;
        width: auto;
    }
 
p.etab-count{
	    font-family: "Poppins", Sans-serif;
    padding: 5px;
	width:95px;
    font-size: 60px;
    text-align: center;
    font-weight: 800;
    background-color: #fff;
    text-transform: uppercase;
    line-height: 70px;
	margin:0;
    color: #e10a19;
}
.establishment-events-block .event-date{
	color:#fff;
}
.establishment-events-block {
    display: flex;
    color: #fff;
    width:100%;
}

.events-left-title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: #8ed1c6; /* vert clair */
    padding: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 42px;
    margin-right: 40px;
}

.events-list {
    flex: 1;
}

.event-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.event-title {
    margin: 0;
	text-align:center;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
}

.event-date {
    margin-top: 5px;
    font-size: 18px;
    text-transform: lowercase;
}

.btn-more {
    background: #fff;
    color: #e30613;
    padding: 12px 25px;
	border:1px solid #fff;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-more:hover {
    background: none;
    color: #fff;
	border:1px solid #fff;
}

.etablissements-proches .etablissrment-item a:hover,
.etablissements-proches .etablissrment-item a:hover h3,
.etablissements-proches .etablissrment-item a:hover p,
.etablissements-proches .etablissrment-item:hover a,
.etablissements-proches .etablissrment-item:hover a h3,
.etablissements-proches .etablissrment-item:hover a p{
 
	color:#000!important;
}

.etablissements-proches .etablissrment-item a,
.etablissements-proches .etablissrment-item a h3,
.etablissements-proches .etablissrment-item a p{
	color:#fff;
}


.etablissements-proches .etablissrment-item {
  width: 301px;          /* largeur SVG */
  height: 371px;         /* hauteur SVG */
  padding: 10px;
  color: white;
  text-align: center;
  cursor: pointer;
  display:flex;
align-items:center;
justify-content:center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 371"><path d="M1.5 1.5V338.693L150.5 368.869L299.5 338.693V1.5H1.5Z" fill="%23e10a19" stroke="none" stroke-width="3"/></svg>');
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease, color 0.3s ease;
}

.etablissements-proches .etablissrment-item:hover {
  color: #e10a19;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 371"><path d="M1.5 1.5V338.693L150.5 368.869L299.5 338.693V1.5H1.5Z" fill="%23ffffff" stroke="%23e9001d" stroke-width="3"/></svg>');
}

#chart{
	height:500px;
}
.svg-component svg{
	width:100%;
}
.box-number {
position: relative;
}
.box-number-inner{
	position: absolute;
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%;
}
body,
.newsletter .wpforms-submit{
font-family: "Poppins", Sans-serif!important;
}
.calculator__success{
	display: flex;
    align-items: center;
}
.calculator__success 
.input-email .wpforms-field-medium{
	padding-left:20px!important;
}
.calculator__success_left{
 width: 30%;
}
.calculator__success_right{
	width:70%;
}
.calculator__success_right p{
	font-weight:500;
	color:#000;
	font-size:16px;
}
.calculator__success_left{
    padding: 25px 0;
    background: #e894942b;	
}
.calculator__success_right{
	    text-align: left;
    padding: 25px 25px;
}
p.red-ttile{
	color:#e10a19;
}
.gt_selector:focus{
border: 1px solid #1C7878 !important;	
}
 .gt_selector {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  border: 1px solid #1C7878 !important;
  background: white !important;
color:#1C7878;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
outline-color:#1C7878 !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 14px !important;
  cursor: pointer !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

}
.product-item h3 {
	text-align:left;
}
/* Center text */
.gt_selector option {
  text-align: center;
}
.gt_selector option[value=""] {
  display: none;
}
.cat-months{
	display: flex;
	gap:15px;
    flex-direction: column;
    align-items: center;
}
.cat-months span{
	color:#000;
	font-weight:400;
	font-size:20px;
}
.cat-video-item video{
	height:100%;
}
.fb-cat-months-item .cat-image,
.event-rich-media{
	
	width: 35%;
}
.fb-cat-months-item .cat-image img,
.event-rich-media img{
	height:320px;
	object-fit:cover;
	width:100%;
}
.fb-cat-months-item,
.event-rich-item{
	display: flex;
	padding:15px;
	margin-bottom:25px;
    gap: 20px;
	background-color:#fff;
	border:1px solid #2CB5B4;
    align-items: center;
}
.fb-cat-months-item .fb-catg-info,
.event-rich-info{
width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fb-cat-months-item .cat-video,
.event-video-wrapper{
  width: 35%;
}
/* Styles flèches personnalisées */
.swiper-navigation{
	position: relative;
    padding-bottom: 30px;
    height:90px;
    display: flex;
    justify-content: flex-end;
}
.swiper-button-prev{
    top: auto;
    bottom: -55px!important;
    right: 60px!important;
    left: auto!important;
}
.establishment-events-slider .swiper-button-next{
	top: auto;
    bottom: -55px!important;
    right: 0!important;
    left: auto!important;
}
.establishment-events-slider .swiper-button-prev,
.establishment-events-slider .swiper-button-next,
.fb-events-upcoming-slider .swiper-button-prev,
.fb-events-upcoming-slider .swiper-button-next,
.fb-events-past-slider .swiper-button-prev,
.fb-events-past-slider .swiper-button-next{
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 45%;
     z-index: 10;
}

/* Flèche gauche */
.establishment-events-slider .swiper-button-prev,
.fb-events-past-slider .swiper-button-prev,
.fb-events-upcoming-slider .swiper-button-prev {
    left: -25px; 
    background-image: url('https://www.mybeers.fr/wp-content/uploads/2025/12/next-1.svg');
}

/* Flèche droite */
.establishment-events-slider .swiper-button-next,
.fb-events-past-slider .swiper-button-next{
	
    right: 0;
    background-image: url('https://www.mybeers.fr/wp-content/uploads/2025/12/prev-1.svg');
}
.fb-events-upcoming-slider .swiper-button-next{
	right:0;
	 background-image: url('https://www.mybeers.fr/wp-content/uploads/2025/12/prev-1.svg');
}

.establishment-events-slider .swiper-button-prev:after,
.establishment-events-slider  .swiper-button-next:after,
.fb-events-past-slider .swiper-button-prev:after,
.fb-events-past-slider .swiper-button-next:after,
.fb-events-upcoming-slider .swiper-button-prev:after,
.fb-events-upcoming-slider .swiper-button-next:after
{
	display:none;
}
.btn-event{
	background-color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    fill: #000000;
    color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 80px 80px 80px 80px;
    padding: 10px 30px 10px 30px;
}
.btn-event:hover{
	 color: #000000;
box-shadow: 0px 3px 0px 0px #000000;	
}

.event-item .event-image a{
	display:block;
	width:100%;
}
.event-item .event-image a img{
	width: 100%;
    object-fit: cover;
    height: 480px !important;
}
.event-cat,
.event-cats{
	 text-transform: uppercase;
    display: block;
    padding: 5px 35px;
    font-size: 17px;
    color: #fff;
    background-color: #E10A19;
}
.event-rich-date{
	margin-bottom:8px;
}
h3.event-title {
	margin-bottom:0;
}
.event-date{
	color:#000000;
	font-size:17px;
	font-weight:400;
}
.event-title a,
.fb-catg-info .cat-title,
.event-rich-title a{
	color:#2CB5B4!important;
	font-size:28px;
	font-weight:800;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	text-transform: uppercase;
}
.event-info{
padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-content-event a{
	display:none;
}
.gallery-images  img{
	width:100%;
	height:550px;
	object-fit:cover;
}
.organizermain{
	display:none;
}

.nombre-etablissements{
	    font-family: "Poppins", Sans-serif;
    font-size: 70px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 80px;
    color: #FFFFFF;
 
}
/* corrige l'espace vide 
.stack-fix {
  padding-bottom: calc(80vh * 4); /* 4 = nombre d’items */
}
*/
/* empêche Elementor de rajouter du vide interne */
.stack-fix .e-loop-item {
  margin-bottom: 0 !important;
}
.stack-wrapper{
	position:relative;
}
.stack-section{
	position:sticky;
	top:20px;
}

/* Z-index pour l’empilement initial */
.stack-section:nth-child(1) { z-index: 1; }
.stack-section:nth-child(2) { z-index: 2; }
.stack-section:nth-child(3) { z-index: 3; }
.stack-section:nth-child(4) { z-index: 4; }
.event-dte {
	height:73px;
}
span.event-date{
  color: #000;
  font-size: 18px;
    font-weight: 400;
}
.big-date span.event-date{
  color: #fff;
  font-size: 25px;
    font-weight: 700;
	text-transform:uppercase;
}
/* Container produit */
.container-produit {
  position: relative;
  overflow: hidden;
}

/* Image */
.container-produit img {
  transition: transform 0.4s ease;
}

/* Contenu (bouton ou nom) */
.container-produit .content-produit {
  position: absolute;
  bottom: 20px;
	width:100%;
  left: 50%;
  transform: translate(-50%, 20px);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

/* Hover */
.container-produit:hover img {
  transform: scale(1.09);
}

.container-produit:hover .content-produit {
  opacity: 1;
  transform: translate(-50%, 0);
}

 /*------------------- chart code ---------------------*/
 #chart-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    max-width: 100%;
    width: 100%;
    overflow: visible;
  }
 
  #chart {
    width: 100%;
    max-width:650px;
    height: auto;
    display: block;
    overflow: visible;
  }
 
  #buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    width: 100%;
    max-width: 550px;
  }
 
  .box-btn {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 6px;
    border-radius: 8px;
    border: 2px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 1;
    min-height: 64px;
  }
 
  .box-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
    border-radius: 6px;
  }
 
  .box-btn span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 3px;
    transition: color 0.3s ease;
  }
 
  .box-btn.active {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  }
 
  .box-btn.active::before { opacity: 1; }
  .box-btn.active { color: #fff; }
  .box-btn.active span { color: #fff; }
 
  /* Border & fill colors per button */
  .red-light-border { border-color: #EF8081; }
  .red-light-border::before { background: #EF8081; }
 
  .red-dark-border { border-color: #E10917; }
  .red-dark-border::before { background: #E10917; }
 
  .green-dark-border { border-color: #2CB5B5; }
  .green-dark-border::before { background: #2CB5B5; }
 
  .green-light-border { border-color: #97D2D6; }
  .green-light-border::before { background: #97D2D6; }
  .green-light-border.active { color: #1a4a4d; }
  .green-light-border.active span { color: #1a4a4d; }
 
  .gray-dark-border { border-color: #706F6F; }
  .gray-dark-border::before { background: #706F6F; }
 
  .gray-light-border { border-color: #BBBCBC; }
  .gray-light-border::before { background: #BBBCBC; }
  .gray-light-border.active { color: #333; }
  .gray-light-border.active span { color: #333; }
 
  
  /* Tooltip */
  #tooltip {
    position: absolute;
    padding: 6px 10px;
    background: rgba(0,0,0,0.75);
    color: white;
    font-size: 14px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    z-index: 10;
    max-width: 80vw;
    word-break: break-word;
  }
.active {
  background-color: #E10A19!important;
  color: #fff!important;
}
.btn-cat.active {
background-color:transparent!important;
 }
.btn-cat.active .elementor-button-link {
	background-color:#2CB5B4!important;
	color:#fff!important;
	box-shadow:none!important;
		border:#2CB5B4;
}
 /* Transition douce pour tous les blocs */
#block-bar,
#block-terrasse,
#block-cuisine {
  transition: background-color 0.3s ease, color 0.3s ease;
}
 
#zone-terrasse:hover ~ .elementor-column #block-terrasse ,
#zone-cuisine:hover ~ .elementor-column #block-cuisine,
#zone-bar:hover ~ .elementor-column #block-bar{
  background-color: #E10A19;
 
}
.block-affaire.active .p,
.block-affaire.active h3
{
	 color: #fff!important;
}
.content-street{
	padding-top:0!important;
}
.gm-style-iw-d{
	color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 22px;
}

.svg-component 
.calcul-fut {
 max-width: 100%;
}
.cuisine:hover,
.bar:hover,
.terasse:hover,
.cuisine.active,
.bar.active,
.terasse.active{
  fill: #E10A19;
}
.calcul-fut label {
  display: block;
	font-size:16px;
	color:#1C7878;
  margin-bottom: 10px;
  font-weight: 400;
}

.calcul-fut select,
.calcul-fut input {
  width: 100%;
  padding: 10px 20px;
	border:1px solid #1C7878;
	border-radius:75px;
	background-color:#F2F6F6;
  margin-bottom: 15px;
}

#calculer {
  width: 100%;
  padding: 12px;
  background: #fff;
  color: #1C7878;
	border:1px solid #1C7878;
  font-weight: 700;
 
		border-radius:75px;
  cursor: pointer;
}
.tab-form  .elementor-button {
	background-color:rgb(102,192,225)!important;
	color:#fff;
	border-radius:7px;
	 box-shadow: 0 2px 5px rgba(47, 43, 61, .1), 0 0 transparent, 0 0 transparent;
}

.tab-form form{
	background:#fff;
	border-radius:10px;
	    padding: 30px !important;
	    box-shadow: 0 4px 18px rgba(47, 43, 61, .1), 0 0 transparent, 0 0 transparent;
}
 
.tab-form .elementor-field-label{
	margin-bottom:10px;
	font-size:15px;
	color:rgb(47,43,61);
	font-family:'poppins';
}
.tab-form .elementor-button.elementor-size-sm{
	
}
 
.tab-form  .elementor-field-group .elementor-field-textual{
	border:none;
}
.tab-form  .elementor-field{
border:1px solid rgba(47,43,61,0.29)!important;
	border-radius:8px;
}
#resultat-fut {
  font-size: 60px;
  font-weight: 800;
  color: #E10A19;
  text-align: center;
   }

.texte-info {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
 
#burger-items::-webkit-scrollbar {
  width: 10px;
}
 
#burger-items::-webkit-scrollbar-track {
  background: #f1f1f1;
	border-radius:0;
}

 
#burger-items::-webkit-scrollbar-thumb {
  background: #2CB5B4;
  border-radius: 10px;
  transition: 0.3s;
}
 

#burger-items{
	padding-right:30px;
	padding-left:20px;
	padding-top:20px;
	height: 480px;
    overflow-y: auto;
}
.leaflet-popup-content {
text-align:center;
}
.leaflet-popup-content a{
	color:#000;
}
#burger-items li.burger-item{
	    list-style: none;
    background: #F2F6F6;
	font-size:18px;
    padding: 10px!important;
}
#burger-items li.burger-item{
	margin-bottom:5px;
}
#burger-items li.burger-item span{
	color:#000000;
	font-size:18px;
	font-weight:700;
}
#burger-items li.burger-item strong{
	color:#1C7878;
	font-weight:700;
	text-transform:uppercase;
}
.burger-container{
	position:relative;
	background-color: #E0EFEF;
}
.burger-container .filters button{
	text-align:left;
	padding: 8px 15px;
	border-radius:10px;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
.burger-container .filters button:hover,
.burger-container .filters button.active{
	background-color:#fff;
	color:#E10A19;
}
.burger-container .filters{
    margin-bottom: 10px;
    position: absolute;
    left: 20px;
	top:20px;
    border-radius: 15px;
    padding: 30px;
    gap: 20px;
    z-index: 9;
    background-color: #2CB5B4;
    display: flex;
    flex-direction: column;
}
.burger-list{
	padding:20px;
}
.etablissements-proches{
	display: flex;
    justify-content: center;
    align-items: center;
	gap:40px;
}
 
.etablissements-proches .etablissrment-item a h3{
	font-size:28px;
	font-weight:700;
}
.etablissements-proches .etablissrment-item a p strong{
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
}
.etablissements-proches .etablissrment-item a p{
	display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}
.etablissements-proches .etablissrment-item a .chevron {
    position: absolute;
	   bottom: -64px;
    background: #e10a19;
  
}
 
.etablissement-item h2{
	margin-bottom:0;
	margin-top:0;
	width:40%;
	cursor:pointer;
}
.etablissement-nom{
	color:#1C7878;
	font-weight:700;
}

.etablissement-ville{
	font-weight:700;
}
#map-etablissements{
	position:relative;
 }
.container-page{
	width:100%;
}
#etablissements-list{
 width:90%;
    padding-top: 50px;
    padding-bottom: 30px;
   
}
#etablissements-list a{
	min-height:55px;
	   display: flex;
	align-items: center;
	color:#000;
		margin-bottom:10px;
background: #F2F6F6;
    padding: 8px 25px;
    justify-content: space-between;	
}
#etablissements-list .etablissement-item:hover,
#etablissements-list .etablissement-item:focus{
	box-shadow:0 3px 10px rgba(0,0,0,.25);
}
 
#map-etablissements:before{
	position:absolute;
	content:'';
	background-color:#B1D4D4;
	opacity:0.7;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.social-media-block .dce-acf-repeater-item{
	    flex: none!important;
}
.social-media-block .dce-acf-repeater-grid{
gap:20px;	
}
.heure-block .dce-acf-repeater-grid{
flex-direction: column;
}
.heure-block .dce-acf-repeater-item{
		border-bottom:3px solid #F2F6F6;
	padding:3px 0;
}
.slider-block img{
width: 100%;
    vertical-align: middle;
    height: 780px;
    object-fit: cover;
}
.green-box{
	color:#fff;
	background-color:#2CB5B4;
	padding:8px 15px;
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
}
.contact-form .wpforms-submit-container{
	text-align:center;
}
.contact-form  .wpforms-submit{
	color: rgba(225, 10, 25, 1)!important;
    background-color: #fff!important;
    border-radius: 50px!important;
	height:auto!important;
    padding: 15px 35px!important;
    border: 1px solid rgba(225, 10, 25, 1)!important;
}
.contact-form  .wpforms-submit:hover,
.contact-form  .wpforms-submit:focus{
	background:none!important;
	outline:none!important;
	background-color:#fff!important;
	box-shadow:0 2px 1px 1px rgba(225, 10, 25, 1)!important;
}
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before{
	border-color: #1c7878!important;
    box-shadow: 0 0 0 1px #1c7878, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}
div.wpforms-container-full input[type=checkbox]:checked:after{
	    border-left: 4px solid #1c7878!important;
    border-bottom: 4px solid #1c7878!important;
}
.contact-form  .wpforms-field-label{
	 color:rgba(28, 120, 120, 1)!important;
	    font-family: "Poppins", Sans-serif;
	font-weight:400!important;
	font-size:18px;
}
.contact-form  .wpforms-field-medium{
	background-color:rgba(242, 246, 246, 1)!important;
	border:1px solid rgba(28, 120, 120, 1)!important;
	border-radius:50px!important;
}
.contact-form  textarea.wpforms-field-medium{
	border-radius:20px!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
		background-color:rgba(242, 246, 246, 1)!important;
	border:1px solid rgba(28, 120, 120, 1)!important;
	border-radius:50px!important;
}
 
.produit-item{
position:relative;
}
.btn-read-more{
	transform: translate(50%, -50%);
    left: 0!important;
    bottom: 0!important;
	visibility:hidden;
	opacity:0;
}
.blog-item a{
	display:block;
	width:100%;
}

.bottom-box-border,.box-image{
	position:relative;
}
 
.produit-item {
	position:relative;
}
.produit-item:hover .btn-read-more ,
.produit-item:focus .btn-read-more {
	bottom:0!important;
	opacity:1!important;
	visibility:visible;
}
.video-box,
.video-box .elementor-custom-embed-image-overlay{
	height: 250px;
}
.video-box .elementor-custom-embed-image-overlay {
	border-radius:100%;
}
.box-image {
  position: relative;
}


/* CHEVRON = BORDURE
.chevron {
 position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 86px;
  background: #2cb5b4;  
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transition: background 0.3s ease, border 0.3s ease;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  z-index: 1;
}
 */
/* IMAGE par-dessus */
.box-image img {
display: block;
    width: 100%;
	height:450px;
	object-fit:cover;
    position: relative;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

.box-image  .elementor-widget-image{
	display: inline-block;
  overflow: hidden;
		height:460px;
}
.box-image  .elementor-widget-image img {
  transition: transform 0.3s ease;  
}

.box-image:hover .elementor-widget-image img {
  transform: scale(1.05); /* Scales the image to 110% when hovered */
}

.box-image:hover  .chevron {
position: absolute;
    bottom: -18px;
	height:95px;
	
}

.blur-bg{
	backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);  
}
.hover-box:hover{
	background-color:#fff;
	background-image:none;
}
.hover-box:hover .box-title{
	background-color:rgba(225, 10, 25, 1)!important;
	
}
.hover-box .elementor-background-video-container,
.testmonials-block .elementor-background-video-container{
    z-index: -9;	
}
.hover-box:hover .elementor-background-video-container,
.testmonials-block:hover .elementor-background-video-container {
    z-index: 0;	
}
.hover-box:hover .box-title h3{
	color:#fff!important;
}

.video-box{
	position:relative;
}
.video-box:after{
	position:absolute;
	background-image:url('https://www.mybeers.fr/wp-content/uploads/2025/12/tdesign_quote-filled.svg');
	content:'';
	top:0;
	right:-25px;
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	background-size:contain;
}
.video-box:before{
	position:absolute;
	background-image:url('https://www.mybeers.fr/wp-content/uploads/2025/12/Vector-7.svg');
	content:'';
	bottom:0;
	left:0;
	width:327px;
	height:470px;
	background-repeat:no-repeat;
	background-size:contain;
}
.social-links .elementor-icon-list-item a .elementor-icon-list-icon{
	display:flex;
	width:60px;
	align-items:center;
	justify-content:center;
	height:60px;
	border:1px solid #fff;
	border-radius:50%;
}
 .social-links .elementor-icon-list-item a:hover .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
	background:#fff;
}
.footer .social-links .elementor-icon-list-item a .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
}
.footer .social-links .elementor-icon-list-item a:hover .elementor-icon-list-icon{
	border:1px solid rgba(44, 181, 180, 1);
	background:rgba(44, 181, 180, 1);
}
.social-links .elementor-icon-list-item a .elementor-icon-list-icon svg{
	margin:0;
}
 
.newsletter .wpforms-form {
   display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 80%;
}
.newsletter .wpforms-field-container{
	width: 100%;
}
.newsletter .wpforms-field.wpforms-field-email{
	display: flex;
    justify-content: flex-end;
}
.newsletter .wpforms-form input[type="email"] {
    padding: 10px;
    border-radius: 50px;
    border:0;
       width: 100%;
    font-size: 16px;
}
.newsletter .wpforms-container .wpforms-submit-container{
	margin-top:0!important;
}
.newsletter .wpforms-container .wpforms-field{
	padding:0;
}
.newsletter  .wpforms-container{
	margin-top:0!important;
}
.newsletter .wpforms-submit {
    padding: 10px 20px;
    background-color: #fff!important;
    color: rgba(225, 10, 25, 1)!important;
    border: 1px solid rgba(225, 10, 25, 1)!important;
    border-radius: 85px!important;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.newsletter .wpforms-submit:hover{
	background:none!important;
	background-color:#fff!important;
	    box-shadow: 0px 2px 1px 1px #E10A19;
}
 
.newsletter .wpforms-form input[type="submit"]:hover {
    background-color: #0056b3;
}
.red-title{
	color:rgba(225, 10, 25, 1);
}
.blog-item a{
	display:block;
	width:100%;
}
a.glink{
	color:#000;
}
a.glink.gt-current-lang{
	display:none;
}
.gtranslate_wrapper .glink {
width: 45px;
    height: 45px;
    background-color: #fff;
    color: #1C7878;
	border:1px solid #1C7878;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.elementor-counter .elementor-counter-title,
.elementor-counter .elementor-counter-number-wrapper{
	text-align:center;
	        justify-content: center!important;
}
.elementor-counter-number-suffix,
.elementor-counter-number-prefix{
	display:none;
}
.nombre-suffix .elementor-counter-number-suffix {
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  stroke: none !important;
	    position: relative;
    top: 30px;
    display: block;
    color: #fff;
    align-items: center;
    text-transform: uppercase;
    flex-grow: 0;
    font-size: 25px;
}
#burger-map-list {

width:50%;	
 }
	
.container-page {
 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.etablissement-item-catg h3{
	margin-bottom:0;
	margin-top:0;
}
.etablissement-item-catg h3 {
	font-size:22px;
	color:#000;
	font-weight:700;
}
.elementor-shape svg{
 width: calc(100% + 6px);
}
.product-item .elementor-widget-text-editor {
	text-align:left!important;
}
.cat-video-item{
	height:320px;
}
 
body:not(.elementor-editor-active) .content,
body:not(.elementor-editor-active) .subcats {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease;
}

/* Sections actives visibles */
body:not(.elementor-editor-active) .content.active,
body:not(.elementor-editor-active) .subcats.active{
  opacity: 1;
  visibility: visible;
  position: relative;
}

/* Empêche interaction sur caché */
body:not(.elementor-editor-active) .content:not(.active),
body:not(.elementor-editor-active) .subcats:not(.active) {
  pointer-events: none;
}
body:not(.elementor-editor-active) .subcats.active{
	position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 50%;
}
.content.active,
.subcats.active,
.content-sub.active{
  opacity:1;
  visibility:visible;
  height:auto;
	background-color:#fff!important;
}
.events-list .event-content{
		width:70%;
	}
.events-list .event-content .event-title{
	text-align:left;
}
 
.btn-itineraire{
	text-transform:uppercase;
	background-color:#fff;
	border-radius:50px;
	border:1px solid #1C7878;
	color:#1C7878;
	padding:10px 25px;
	font-size:16px;
	font-weight:800;
}
.btn-itineraire:hover,
.btn-itineraire:focus{
	background-color:#1C7878;
	color:#fff;
}
.arrow-link {
  display: inline-block;
}

.arrow-container {
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
}

.arrow {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s ease;
}

/* deuxième flèche cachée à gauche */
.arrow2 {
  transform: translateX(-20px);
}

/* animation */
.arrow-link:hover .arrow1 {
  transform: translateX(20px);
}

.arrow-link:hover .arrow2 {
  transform: translateX(0);
}
.btn-instagram{
	    background-color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
     color: #2CB5B4!important;
    border-style: none;
    border-radius: 50px;
	padding:12px 25px;
}
.single.single-post h3.wp-block-heading,
.single.single-post h2.wp-block-heading {
	    font-size: 22px;
    text-transform: uppercase;
}
.total-location p.etab-count {
   font-size:70px;
    padding: 0;
    width: 0;
    background-color: transparent;
    color: #fff;
}
.subcats{
	position: absolute;
    left: 50%;
	width:100%;
    transform: translate(-50%, -50%);
}
.offre-images-slider .swiper-slide-inner{
	line-height:0!important;
}
	.form-block iframe{
		width:100%;
		height:1000px;
		
	}
body:not(.elementor-editor-active) .content {
	display:none;
}
body:not(.elementor-editor-active) .content.active{
	display:block;
}
	.burger-container .filters{
	 width: 22%;
    top:25px;
	}
.etablissement-item h2{
	 font-size: 16px;
    margin-bottom: 0;
}
.section-identite p.corps-identite{
font-size: 16px;
    font-weight: 500;	
}
.txt-cyan,
.adj-rose{
	    text-transform: lowercase;
	color: #2cb5b4;
    font-weight: 600;
}
 .etablissements-search-wrap {
	     flex-direction: column;
    margin: 0 0 30px;
	 display: flex;
    align-items: center;
    justify-content: center;
}

.etablissements-search-wrap .etab-search-input {
    width: 100%;
    max-width: 500px;
  
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid #1C7878;
    border-radius: 75px;
    background-color: #F2F6F6;
  
    outline: none;
    transition: border-color .2s;
    box-sizing: border-box;
}

.etab-search-input:focus {
    border-color: #000;
}

.etab-search-empty {
    color: #888;
    font-style: italic;
    margin-top: 10px;
}
.mybeers-form input, .mybeers-form select, .mybeers-form textarea{
  padding: 7px 12px;
    border: 1px solid #b7b6bc;
    border-radius: 6px!important;
}
.mybeers-form input::placeholder,
.mybeers-form textarea::placeholder {
  color: #999;
 font-size: 13px;
 }
.form-row label{
	color:#2f2b3dad;
 font-size: 15px;
	font-weight:500;
}
.etablissement-map.container-page{
	flex-direction: column;
} 
.etablissement-map.container-page .etablissements-search-wrap {
	margin-bottom: 0;
    padding-top: 40px;
    width: 50%;
    justify-content: center;
}
 .elementor-page.elementor-page-1700 .elementor-shape{
	overflow: visible;
}
/*-----------responsive--------------------*/
 
@media screen and (max-width: 1920px) {
.event-block-animation .e-loop-item {
position: sticky;
    top: 20px;  
    transition: transform 0.5s ease, opacity 0.5s ease;
}
}
 
@media screen and (min-width: 2400px) {
	.burger-container .filters{
		width: 30%!important;
	}
	.box-image img {
display: block;
  height:350px;
 
}
.box-image  .elementor-widget-image{
height:360px;
}
.form-block iframe{
		height:1020px;
	}
	 .slider-block img {
    height: 680px;
	}
	.stack-section{
		position:relative;
	}
 
	.elementor-shape-bottom{
		bottom:-3px;
	}
	}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.event-title a, .fb-catg-info .cat-title, .event-rich-title a{
		font-size:22px;
	}
.morgane-arrow{
 right: 170px!important;
}
	.establishment-events-slider .swiper-button-next, .fb-events-past-slider .swiper-button-next {
    right: 0;
	}
	.event-item .event-image a img {
      height: 300px !important;
}
	h3.event-title {
		text-align: center;
	}
	
}

@media screen and (min-width: 1024px) and (max-width: 1595px) {
		.newsletter .wpforms-field.wpforms-field-email{
		justify-content: center;
	}
	.newsletter .wpforms-form input[type="email"]{
		max-width:100%!important;
	}
	.newsletter .wpforms-field-container {
    width: 45%;
}
	.newsletter .wpforms-form{
	width:100%;
	}
	.event-item .event-image a img {
 
    height: 320px !important;
}
	.cat-video-item,
	.fb-cat-months-item .cat-image img{
		height:230px;
	}
	.bottom-box-border:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 0;
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    border-top: 20px solid #1BB7B3;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.newsletter .wpforms-field.wpforms-field-email{
		justify-content: center;
	}
	.newsletter .wpforms-form input[type="email"]{
		max-width:100%!important;
	}
	.event-item .event-image a img {
 
    height: 320px !important;
}
	.cat-video-item,
	.fb-cat-months-item .cat-image img{
		height:230px;
	}
	.menu-bttuon{
		position:relative;
		top:-10px;
	}
	.event-title{
		font-size:18px;
	}
		#burger-items li.burger-item span{
	 font-size: 13px;
    line-height: 18px;
   }
 #burger-items li.burger-item strong,
	#burger-items li.burger-item span{
		font-size: 14px;
	}
	#burger-items{
		padding-left:0;
	}
	.etablissements-proches{
	 
    flex-direction: row;
}
 
	.etablissements-proches .etablissrment-item a h3 {
    font-size: 22px;
	}
	.etablissements-proches .etablissrment-item a p strong {
   font-size: 16px;
	 }
.etablissements-proches .etablissrment-item {
    width: 100%;
    height: 260px;
	}
.etablissements-proches .etablissrment-item a p strong{
	font-size:14px;
}
.slider-block img{
	height:480px;
}
}

@media (max-width: 768px) {
	#header{
		position: relative;
	}
	.etablissement-map.container-page .etablissements-search-wrap{
		width:80%;
	}
	#buttons{
	 padding-bottom: 70px;
	}
	.video-box, .video-box .elementor-custom-embed-image-overlay{
		height:auto;
	}
	.video-box:after{
		right:0;
	}
	.newsletter .wpforms-form{
		width:100%;
	}
	.etablissement-item h2 {
    font-size: 14px;
	}
	.green-box {
    color: #000;
    background-color: transparent;
    padding: 0;
    text-transform: lowercase;
    font-weight: 500;
    font-size: 13px;
}
	#buttons {
    margin-top: 10px;
	}
	.svg-component svg{
		height:auto;
	}
	
	body:not(.elementor-editor-active) .subcats.active{
	width:90%;	
	}
	.btn-instagram{
		font-size: 13px;
		    padding: 12px 15px;
	}
	.product-item h3 a,
	.product-item .elementor-widget-text-editor,
	.product-item h3  {
		text-align:center!important;
	}
	.title-block .title-tag {
	 transform: translate(-50%, -50%);
    left: 50%!important;
    top: 50%!important;
	}
	
	.subcats{
		width: 90%;
    top: 10%;
	}
		.event-content{
		width:100%!important;
	}
	.wp-block-heading{
		font-size:25px;
		line-height:32px;
	}
	.etablissement-item p,
	.etablissement-item span{
		font-size:13px;
	}
	#burger-items{
		padding-left:10px;
	}
	#burger-items li.burger-item{
		font-size:15px;
	}
	#burger-items li.burger-item span{
	 font-size: 13px;
    line-height: 18px;
   }
 #burger-items li.burger-item strong,
	#burger-items li.burger-item span{
		font-size: 13px;
	}
	.slider-block img{
		    height: 380px;
	}
	#burger-items{
		padding-right:0;
	}
	
	.event-beer-right{
		margin-bottom:12px;
	}
	.event-beer-item{
		padding-bottom:10px;
		margin-bottom:10px;
		    gap: 24px;
		    flex-direction: column;
	}
	.offre-images-slider .swiper-slide-image{
	height:350px;
 }
	.header-mobile .elementor-widget-theme-site-logo {
     top: 0;
}
	.blog-slider .elementor-widget-theme-post-featured-image a img{
  	height:350px;
 
}
	.etablissement-item h2
	{
	width: 65%;		
	}
	.etablissement-nom	strong,
.etablissement-ville span{
		font-size: 13px;	
	}
	
	.event-item .event-image a img {
   height: 380px !important;
}	.establishment-events-slider .swiper-button-next, .fb-events-past-slider .swiper-button-next{
   right:0;
 }
	
	.fb-cat-months-item .cat-image, .event-rich-media,
.fb-cat-months-item .fb-catg-info, .event-rich-info,
.fb-cat-months-item .cat-video, .event-video-wrapper{
    width: 100%;
}	.fb-cat-months-item, .event-rich-item{	
		flex-direction: column;	
		}
	#burger-items {
   padding-bottom: 20px;
}
	#burger-map-list {

width:98%;	
 }	.events-list{
		    width: 100%;
	}
	.event-row{
	 gap: 23px;
    flex-direction: column;
	}
	.events-left-title {
    writing-mode: inherit;
    transform: none;
     font-size: 22px;
    margin-right: 0;
    width: 100%;
}
 
	.establishment-events-block{
    flex-direction: column;
    align-items: flex-start;
 
}
	.etablissements-proches .etablissrment-item a p strong {
   font-size: 16px;
	}
	.etablissements-proches .etablissrment-item a h3 {
    font-size: 20px;
	}
	.etablissements-proches{
    /* flex-direction: column; */
    gap: 20px;
		justify-content: left;
		display:grid;
    overflow-y: auto;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: 1fr 1fr; */
}
	}
	.etablissements-proches .etablissrment-item {
     margin-bottom: 70px;
}
	
	.product-item  .elementor-widget-text-editor{
		text-align:left;
	}
	

	#buttons .box-btn {
    padding: 6px;
	 min-width: 100px;
     font-size: 11px;
}
	#buttons .box-btn span {
    font-weight: 700;
    font-size: 12px;
}
	.right-block{
		justify-content: end;
    padding-right: 15px;
	}
	.gtranslate_wrapper {
right:10px;
    position: relative;
    top: 5px;

	}
	.gallery-images  img{
 	height:350px;
	 
}
	
	.nombre-suffix .elementor-counter-number-suffix{
	 top: 15px;
    left: 10px;
	}
 
	.header-mobile{
	 --flex-wrap-mobile: auto;
	}
	.box-style-mobile .elementor-shape-fill {
		display:none;
	}
	#chart{
		 height: auto;
		width:100%;
	}
 
}

/* Force l'alignement horizontal sur mobile */
@media (max-width: 767px) {
	.event-dte{
		height:43px;
	}
	.event-dte h4{
		margin:0;
	}
    #sb_instagram #sbi_images {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch; /* Défilement fluide sur iPhone */
        padding-bottom: 15px;
    }

    #sb_instagram #sbi_images .sbi_item {
        flex: 0 0 40% !important; /* Ajustez le % pour voir 2.5 images par exemple */
        max-width: 40% !important;
        width: 40% !important;
        display: inline-block !important;
    }
    
    /* Cache la barre de défilement pour un look plus propre */
    #sb_instagram #sbi_images::-webkit-scrollbar {
        display: none;
    }
}
 
@media (max-width: 767px) {
	#buttons{
		gap:10px;
	}
    .verticall-box  {
		box-sizing: border-box !important;
    max-width: 100%; 
        display: flex !important;
        flex-direction: row !important; /* Force la ligne au lieu de la colonne */
        flex-wrap: nowrap !important; /* Empêche le retour à la ligne */
        overflow-x: auto !important; /* Active le scroll horizontal */
        scroll-snap-type: x mandatory; /* Aimante les cartes au centre */
        gap: 15px; /* Espace entre les cartes */
        padding: 20px;
        -webkit-overflow-scrolling: touch; /* Scroll fluide iPhone */
    }

    /* On cible les cartes enfants (classe block-affaire vue dans ton code) */
    .verticall-box .block-affaire {
        flex: 0 0 80% !important; /* Chaque carte prend 80% de la largeur */
        min-width: 80% !important;
		height: 280px;
        scroll-snap-align: center;
        margin-bottom: 0 !important; /* Enlève la marge verticale inutile en horizontal */
    }

    /* Cache la barre de défilement pour un design propre */
    .verticall-box::-webkit-scrollbar {
        display: none;
    }
}
 
@media (min-width: 1025px) and (max-width: 1199px)

{ 
	.box-style-mobile .grid-box{
		width:100%;
	}
		.blog-slider .elementor-widget-theme-post-featured-image a img{
 height:350px;
 
}
}
@media (min-width: 1291x) and (max-width: 1400px){
	.box-image img {
  width: 100%;
	height:340px;
	}
.box-image  .elementor-widget-image{
		height:350px;
}
}
@media (min-width: 1200px) and (max-width: 1290px){
.box-image img {
  width: 100%;
	height:320px;
	}
.box-image  .elementor-widget-image{
		height:330px;
}
 
	.blog-slider .elementor-widget-theme-post-featured-image a img{
 height:350px;
 
}
	#chart{
		width: 100%;
	}
	#buttons{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 2200px) {
.offre-images-slider .swiper-slide-image {
    height: 550px;
	
}
 
#etablissements-list{
	width:1360px;
	margin:0 auto;
	}
}
@media (max-width: 1024px) {
	.establishment-events-slider .swiper-button-next, .fb-events-past-slider .swiper-button-next{
		right:0;
	}
	.newsletter .wpforms-form{
		width:100%;
	}
	.bottom-box-border:after{
		    border-left: 170px solid transparent;
    border-right: 170px solid transparent;
	}
	.video-box:after,
	.video-box:before{
		display:none;
	}
	.social-links .elementor-icon-list-item a .elementor-icon-list-icon{
		width:45px;
		height:45px;
	}
}

@media (max-width: 1200px) {
    .etablissements-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .etablissements-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
		.burger-container .filters{
	 width: 80%;
    top:25px;
	}
	.burger-container{
		flex-direction: column;
	}
	#burger-map{
		    width: 100%!important;
	}
    .etablissements-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .etablissements-grid {
        grid-template-columns: 1fr;
	  padding-bottom: 40px;
    }
}

 
@media (max-width: 767px) {
	.etablissements-grid {
        /* On passe en flex horizontal scrollable */
        display: flex;
        grid-template-columns: none;
        gap: 15px;
        
        /* Scroll horizontal fluide */
        overflow-x: auto;
        overflow-y: hidden;
        
        /* Scroll-snap : la carte se cale toute seule */
        scroll-snap-type: x mandatory;
        scroll-padding: 0 20px;
        
        /* Padding pour voir un peu la carte suivante */
        padding: 20px;
        margin: 0 -20px; /* compense le padding pour bord à bord */
        
        /* Cacher la scrollbar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }
    
    /* Cacher la scrollbar sur Chrome/Safari */
    .etablissements-grid::-webkit-scrollbar {
        display: none;
    }
    
    .etablissement-card-container {
        /* Largeur fixe pour chaque carte dans le slider */
        flex: 0 0 80%;  /* 80% de la largeur de l'écran */
        max-width: 300px;
        scroll-snap-align: center;
    }
 
    /* Wrapper autour du slider pour positionner l'indicateur */
    .etablissements-grid {
        position: relative;
    }
 
}

/* Animation qui simule le mouvement de swipe */
@keyframes swipeHint {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.6;
    }
    50% {
        transform: translateX(10px);
        opacity: 1;
    }
}
 
/* ============================================
   PETIT MOBILE
   ============================================ */
@media (max-width: 480px) {
    .etablissement-card {
        flex: 0 0 85%;
    }
    
    .etablissement-card .ville {
        font-size: 14px;
    }
    
    .etablissement-card .date {
        font-size: 12px;
    }
}
 

.stack-spacer {
    visibility: hidden;
    pointer-events: none;
}