/*albums+photos+etc*/.meta span,.related-card-link,.see-more-card,.flex{display:flex}section+section,section:first-of-type{margin:60px auto}.archive .cards,.artiste-galerie .cards{display:grid;margin:20px auto;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.blc-albums{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.albums{width:170px}.album-info{flex-direction:column;padding:.5rem}.album-date,.album-track{font-size:1.3rem}.album-buy a:hover{color:#8eee7a}.album-buy a{display:inline-block;margin:10px auto;color:var(--main)}.events ul{list-style:none;padding:0}.events li:before{content:'\2605';margin-right:4px;color:var(--link);font-size:1.125em}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.artiste-galerie .card{margin:0;aspect-ratio:4/3}.albums img,.card img,#carousel-produits-associes img,.related-card-media img{object-fit:cover;width:100%;height:100%}.conteneur{display:grid;grid-template-columns:1fr;gap:20px;text-align:left;margin-top:0!important}@media (min-width:768px){.conteneur{grid-template-columns:3fr 1fr}}label,svg{max-width:100%}li{line-height:1.5;margin:4px 0}.photos-left.disabled,.photos-right.disabled{opacity:.3;pointer-events:none}.wrapper .carousel{grid-auto-columns:calc((100% / 3) - 15px)}.carousel.dragging .card{cursor:grab;user-select:none}.video-thumb{aspect-ratio:16/9}.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){.video-thumb{aspect-ratio:4/5}.wrapper .carousel{grid-auto-columns:calc((100% / 2) - 10px)}#carousel-produits-associes img{aspect-ratio:4/5}}.see-more-card{border:dashed 1px var(--blk)}
.meta span{gap:4px}
.meta svg{width:clamp(1.6rem,2vw,2.2rem)}
p+h2 {
  margin-top: 4rem;
}
.album-cover{aspect-ratio:1/1}
.album-name {
font-size: 1.7rem;
  font-weight: 600;
  flex-basis: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 2rem;
}
.albums,.btn{border:solid 1px var(--blk)}
.toggle {
  align-items:center;
  padding:1rem 2rem;
  gap: 4px
}

.icon-collapse {
  width:1.25em;
  height:1.25em;
  flex-shrink:0;
  transition:transform ease .3s
}
.toggle.open .icon-collapse {
  transform:rotateX(180deg)
}

#concerts-passes.open {
  overflow-y: auto;
  scrollbar-color: var(--main) var(--bg);
  scrollbar-gutter: stable;
}
#concerts-passes.open::-webkit-scrollbar {
  width: 8px;
}

.artiste-concerts a {
color:#000;
padding: 2px 6px;
border-radius: 4px;
background: #72d36f24;
}
.artiste-concerts a:after{content:" ↗";font-size:.9em}
.salle-unset{
font-weight: 600;
padding: 2px 6px;
border-radius: 4px;
background: rgba(0,0,0,.03)
}

.artiste-socials h3,.artiste-platforms h3{margin-bottom:1.5rem}

.socials-list,.platform-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 1rem;}
.social-link,.platform-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	border: 1px solid #aaa;
	border-radius: 6px;
	color: #423570;
	font-size:1rem
}

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

.social-link svg,.platform-link svg {
	width: 28px;
	height: 28px;
}

.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: 767px) {
.flex-conteneur{
	gap:1rem
}
  .band-title {
    text-align: center;
    padding: 1.5rem;
   
  }
	.socials-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
}


.articles-list {
display:flex;
    flex-direction: column;
    gap: 1.5rem;
}

.related-card-link {
   align-items: stretch;
    color: inherit; 
}

.related-card-media {
    flex: 0 0 60%;
    margin: 0;
    aspect-ratio: 16/9;
}

.related-card-content {
    flex: 1;
    padding: 1rem;
    align-items: center;
}

.related-card-title {
    font-size: 1rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	font-size: clamp(1.3rem,2vw,1.5rem);
	font-family: Trebuchet MS;
  letter-spacing: -.3px;
}

.tooltip {
  position:relative;
  cursor:pointer;
  font-weight:600;
  display:inline-block
}
.tooltip::before {
  content:'';
  position:absolute;
  top:12px;
  left:-6px;
  right:6px;
  bottom:3px;
  background-color:#32eba278;
  z-index:-1;
  transform:translate(5px,5px)
}
.tooltiptext {
  visibility:hidden;
  background-color:#222;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px;
  position:absolute;
  bottom:100%;
  left:50%;
  transform:translateX(10%);
  z-index:1;
  width:200px;
  opacity:0;
  transition:.3s ease-in-out;
  font-weight:400
}
.tooltip:hover .tooltiptext,
.tooltip:focus .tooltiptext {
  visibility:visible;
  opacity:1
}

/* TA BELETTE */

@media (min-width: 600px) {
.articles-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.related-card-link{flex-direction:column}

}

/* Laptop*/
@media (min-width: 1024px) {
    .articles-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* LARGE */
@media (min-width: 1400px) {
    .articles-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.accordion-heading {
  margin:0px auto
}
.accordion-item {
  margin:1.5rem auto;
  border-bottom:1px solid #ddd
}
.accordion-title {
  font-size:1.8rem;
  color:var(--blk)
}
.accordion-trigger {
display: flex;
  position:relative;
  align-items:center;
  width:100%;
  background:none;
  padding:1rem .5rem;
  text-align:left;
  overflow:hidden;
  justify-content:space-between
}
.accordion-trigger::before {
  content:'';
  position:absolute;
  inset:0;
  background:#6633992b;
  transform:translateX(-100%);
  transition:transform .3s ease
}
.accordion-trigger[aria-expanded="true"]::before {
  transform:translateX(0)
}
.archive .icon {
  flex-shrink:0;
  width:1.25em;
  height:1.25em;
  transition:opacity .3s ease,transform .3s ease;
  color: var(--blk);
}
.accordion-panel {
  background:var(--blnc);
  padding:0 1rem
}

.accordion-trigger[aria-expanded="true"] .icon {
  transform:rotate(180deg)
}