.breadcrumb_last{font-weight:bold}
.single-salle{background-color:#f5f5f5}
.single-salle-conteneur{gap:2rem}
.flex,.toggle h2,.img-count{display:flex}

.salle-image{flex:1 1 50%;aspect-ratio:16/9}
.salle-image img{width:100%;height:100%;object-fit:cover}
.salle-image .placeholda{object-fit:contain}


.salle-header h1{line-height:1.2;text-align:center}
.salle-infos h2,section h2{/*font-size: 2rem;*/margin-block:1.5rem;color:#46326f;font-size:clamp(2rem,3vw,2.4rem)}
.salle-header .chapo{font-size:1.1rem;color:#666;font-style:italic}

section,.salle-content,.salle-technique,.salle-description,.salle-phenix,.related-articles,.salle-articles-related {
    flex: 1 1 50%;
    background-color:var(--blnc);
    border-radius: 6px;
    padding: 1rem 1.5rem;
    flex-direction: column;
   /* gap: 1rem;*/ 
}

.salle-info-item {
  align-items: baseline;
  gap: 6px;
border-top: solid 1px #eee;
  padding-block: 1rem;
}


.salle-info-item .label {
  font-weight: 700;
  white-space: nowrap;
  min-width: 110px;
}
.value {
  font-family: trebuchet ms;
  line-height: 1.4;
  color: #666
}
.salle-info-item .icon,.btn-icon{
flex-shrink: 0;
	width:24px;
	height:24px;
	color:#5b9ea5;
	fill:#5b9ea5
}

address {
  margin-bottom: unset
}
.related-item-title{
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: var(--bg);
  font-size: clamp(1.25rem,2vw,1.7rem);
  margin-block: 1rem;
padding: 4px 10px;
line-height: 1.4;
font-family: trebuchet ms}

.see-more-card {
  font-family: Trebuchet ms;
  align-content: center;
  border: dashed 1px;
  padding: 10px;
}
.see-more-card a {
  color: royalblue;
  line-height: 1.3;
  display: flex;
}

.filtres-form {
    
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.filtres-form select {
color:inherit;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    border: 1px solid #aaa;
    border-radius: 6px;
    background:var(--blnc);
    width: 200px;
    height: 50px;
    /*! font-size: initial; */
	font-size: clamp(1.4rem,2.5vw,1.6rem);
}
option {
  font-size: clamp(.875rem,2.5vw,1.3rem);
}
.btn-filtrer {
 	border: var(--brd1);
	background: var(--cdrbox);
  color: var(--blk);
    padding: 1rem 1.5rem;
    border-radius: 6px;
    width: 200px;
    height: 50px;
    max-width: 100%;

}


.btn-reset {
    font-size: 1.3rem;
    color: #666;
    text-decoration: underline;
}
.item-body .btn {
/*background: #39718308;*/
  color: #000;
  border: solid 1px #d8d8d8;
  display: block;
  padding: 1rem 1.5rem;
  background: #e8ebef;
  font-size: clamp(1.4rem,2.5vw,1.8rem);
  margin-block: 1rem 0;
}
.item-body .btn:hover,.btn-filtrer:hover {
    background:var(--bg);
    color: var(--main);
}

.grid {
  display: grid;
  /*! grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); */
  gap: 12px;
 /* grid-template-columns: repeat(auto-fill,minmax(300px,1fr));*/
  padding: 20px 0;
}
.grid.salles-liste{
	grid-template-columns: repeat(auto-fill, minmax(175px, 1fr))
}
.grid.gallery{
	grid-template-columns: repeat(auto-fit, minmax(165px, 1fr))
}
	
.card {
  border: 1px solid #e4e4e4;
  background:var(--blnc);
  flex-direction:column
}

.conteneur {
  position:relative;
  aspect-ratio: 16/9;
  overflow: hidden;

}
.img-count{
  position: absolute;
  top: 0;
  right: 0;
  width: 88px;
  height: 60px;
  /*pointer-events: none;*/
 /* overflow: visible;*/
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background: rgba(255, 255, 255, 0.70);
}
.img-count__inner{
  position: absolute;
  top: 0px;
  right: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 90px;
  height: 30px;
color:var(--bg)
}
.thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.thumbnail.placeholda{object-fit:contain;background:#4073830d}

.item-body{flex-direction: column;
  height: 100%;
  justify-content: space-between;
	padding:10px
}
.title{margin:1rem auto;font-size: 2rem;line-height:1.3}
.title a{color:#03123fcf}
.title a:hover{color:#03123f;text-decoration:underline}
.item-meta{padding-left: 0;flex-wrap: wrap;justify-content: space-between;margin-block: 2rem;font-size:clamp(1.4rem,2.5vw,1.6rem);}
.item-meta li {
  gap: 6px;
  align-items: center;
margin: .6rem auto;
  background: #4073830d;
  padding: .6rem 1rem;
  border-radius: 6px;
  display: flex;
  width: 100%;
}
.item-meta svg {
  width: clamp(1.5rem,2.5vw,2rem);
  height: clamp(1.5rem,2.5vw,2rem);
  flex-shrink:0
}

 @media (max-width: 767px) {
            .single-salle-conteneur{flex-direction:column;gap:1.5rem}
            .salle-image,.salle-content{flex:0 0 100%}
			.salle-header h1{margin-block:2rem}
            .salle-info-item .label{min-width:100px}
			}
 @media (min-width: 768px) {
   .salle-image img{object-fit: contain}
   .grid.salles-liste{grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
}
 @media (min-width: 1200px) {
 .salle-image img{object-fit: cover}
 .salle-image{flex: 1 1 60%;}
 .salle-content {flex: 1 1 40%;}
}}

.navig {
  display:block;
  max-width:max-content;
  margin-bottom:10px
}


.photos-left.disabled,
.photos-right.disabled {
  opacity:.3;
  pointer-events:none
}
.wrapper .carousel {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% / 3) - 14px);

}

#carousel-produits-associes img {
  /*! aspect-ratio:1/1; */
  /*! object-fit:cover; */
  /*! width:100%; */
  /*! display:block; */
}
.related-name {
  text-align:center;
  font-size:clamp(1.25rem,2vw,1.875rem);
  margin-block:1.5rem 0;
  color:var(--bg)
}
:is(#carousel-produits-associes button) {
  background:rgba(255,255,255,.75)
}
@media screen and (max-width:900px) {
  .wrapper .carousel {
    grid-auto-columns:calc((100% / 2) - 10px)
  }
}
@media screen and (max-width:600px) {
  .wrapper .carousel {
    grid-auto-columns:calc((100% / 2) - 10px)
  }
  .conteneur.related-image {
    aspect-ratio: 4/5;
  }
}

.badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:#f2f2f2;
  border:1px solid #ddd;
  border-radius:50px;
  color:#333;
  margin-block:1rem
}
.badge-arrow {
  opacity:.5;
  transition:transform .3s ease,opacity .3s
}
.badge:hover {
  background:#000;
  color:var(--main);
  border-color:#000
}
.badge:hover .badge-arrow {
  transform:translateX(3px);
  opacity:1
}


.toggle {
    align-items: center;
background: none;
    display: flex;
    justify-content: space-between;
	text-align: left;
     width: 100%; 
}

.toggle h2 {
    margin: 0;
	gap: 12px;
  align-items: center;
}
.toggle:hover{opacity:.8}

.collapse p,.collapse ul,.collapse.open p,.collapse.open ul {
  padding: 1rem 0.2rem;
  margin-bottom: 0;
}
.icon{width:1.25em;height:1.25em;color:#46326f;flex-shrink: 0;transition: .3s ease;}

.toggle.open .icon {
    transform: rotateX(180deg)}
.salle-phenix,.salle-technique{
  transition: background-color .3s ease, box-shadow 1s ease;
}
.salle-phenix:has,
.salle-technique:has(.toggle.open) {
    box-shadow:
        0 2px 10px rgba(65, 65, 65, 0.48);
}


.salle-socials-footer {
	margin-top: 3rem;
	padding: 2rem;
	/*! background: #f9f9f9; */
	/*! border-top: 1px solid #ddd; */
	/*! border-radius: 8px; */
}

.salle-socials-footer h3 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	color: #333;
}

.socials-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 1rem;
}

.social-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	border: 1px solid #ddd;
	border-radius: 6px;
	color: #423570;
	font-size: 0.9rem;
	/*! font-weight: 500; */
}

.social-link:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.social-link svg {
	width: 24px;
	height: 24px;
}

.social-link.facebook:hover {
	color: #1877F2;
}

.social-link.twitter:hover {
	color: #1DA1F2;
}

.social-link.instagram:hover {
	color: #E4405F;
}

.social-link.youtube:hover {
	color: #FF0000;
}

@media (max-width: 768px) {
	.socials-list {
		grid-template-columns: repeat(2, 1fr);
	}
}