/* Lenis smoothscroll */ 
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }
.lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }


/* MATCHS */
.match { background:#fff; display: flex; position: relative; margin: 0 0 1.5rem 0; align-items: center; border: var(--border); border-radius: var(--border-radius); padding: 1rem 2rem }
.match .button{ white-space: nowrap }

.match .teams { display:flex; flex:1; gap: 10px }
.match .teams .team { flex:1 1 50%; display:flex; align-items:center;  justify-content:end; padding: 2rem 0 }
.match .teams .team .team-title { display: flex; flex-direction: row-reverse; justify-content: end; align-items: center; width: 100%; justify-content: end }
.match .teams .team .team-name { font-size: 1.1rem }
.match .teams .team .team-image { flex:0 0 80px; text-align: center }
.match .teams .team .team-image img {max-width: 56px; max-height: 56px; width: 100%; height: 100%; object-fit: contain;display: inline-block; vertical-align: middle }
.match .teams .team .team-score { color: var(--primary); width: 50px; height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 2.8rem } 
.match .teams .team--oppenent {  justify-content:start }
.match .teams .team--oppenent .team-title{ flex-direction: row; justify-content: start }
.match .teams .tiret { display: flex; align-items: center; font-size: 2rem; font-family: var(--font-secondary); width: 6px; }

.match .infos { width: 20% }
.match .infos .info-vs{ display: none }
.match .infos .info-lieu { font-size: 0.85rem; margin: 1rem 0 0 0; text-align: left }

.match .more { width: 20%; display: flex; flex-direction: column; text-align: center; gap: 5px; align-items: flex-end }
.match .results-mobile{ display:none }
@media (max-width:991px){
  .match { flex-direction: column; text-align: center }
  .match .more { width: 100%; justify-content: center; align-items: center }
  .match .infos { width:100% }
  .match .info-lieu { display: none }
}
@media (max-width:781px){
  .match { padding: 3rem 2rem }
  .match .teams .team .team-title { flex-direction: column !important }
  .match .teams .team .team-name { text-align: center !important }
}
@media (max-width:600px){
  .match .teams { align-items: flex-start }
  .match .teams .team-score,
  .match .teams .tiret{ display: none !important }
  .match .results-mobile{ display: flex; align-items: center; position: relative; top: -1.5rem }
}

/* Away */
.match.match--away { background:blue; color: #fff }
.match.match--away .teams { flex-direction:row-reverse }
.match.match--away .team { flex-direction: row-reverse; justify-content:start }
.match.match--away .team--our .team-title { flex-direction: row; justify-content:start } 
.match.match--away .team--oppenent .team-title{flex-direction: row-reverse; justify-content:end }
.match.match--away .team--oppenent .team-name{ text-align: right }
@media (max-width:600px){
    .match.match--away .results-mobile{ flex-direction: row-reverse }
}

/* MATCH SINGLE */
body.single-matchs main { padding-top: 0; }
body.single-matchs .content-area { margin-top: 0; margin-bottom: 0; }
body.single-matchs .match-summary { height: 500px; background-size: cover; position: relative; display:flex; align-items: center; }
body.single-matchs .match-summary:before { content: "";top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); display: block; z-index: 1; position: absolute; }
body.single-matchs .match-summary > div { position: relative; z-index: 2; width: 100%; }

/* MATCH VS */
.match-vs { display: flex; position: relative; color: #fff; margin: 0 0 1.5rem 0; align-items: center; border: var(--border); border-radius: var(--border-radius); padding: 1rem 2rem }
.match-vs .button{ white-space: nowrap }

.match-vs .teams { display:flex; flex:1; gap: 10px }
.match-vs .teams .team { flex:1 1 50%; display:flex; align-items:center;  justify-content:end; padding: 2rem 0 }
.match-vs .teams .team .team-title { display: flex; flex-direction: row-reverse; justify-content: end; align-items: center; width: 100%; justify-content: center }
.match-vs .teams .team .team-name { font-size: 1.1rem }
.match-vs .teams .team .team-image { flex:0 0 280px; text-align: center }
.match-vs .teams .team .team-image img {max-width: 256px; max-height: 256px; width: 100%; height: 100%; object-fit: contain;display: inline-block; vertical-align: middle }
.match-vs .teams .team .team-score { color: var(--primary); width: 120px; height: 100px; text-align: center; display: flex ; align-items: center; justify-content: center; font-size: 3.8rem; font-weight: bold; } 
.match-vs .teams .team--oppenent {  justify-content:start }
.match-vs .teams .team--oppenent .team-title{ flex-direction: row }
.match-vs .teams .tiret { display: flex; align-items: center; font-size: 3rem; font-weight: bold; font-family: var(--font-secondary); width: 15px }

.match-vs .infos { width: 20% }
.match-vs .infos .info-vs{ display: none }
.match-vs .infos .info-lieu { font-size: 0.85rem; margin: 1rem 0 0 0; text-align: left }


/* ISOTOP */
.isotop-categories{ list-style:none; padding:0; display:flex; justify-content:center; flex-wrap:wrap; gap:5px; margin-bottom:3rem }
.isotop .isotop-item{ position: relative; width:33.33%; overflow:hidden }
@media (max-width:991px){
  .isotop .isotop-item{ width:50% }
}
@media (max-width:767px){
  .isotop .isotop-item{ width:100% }
}


/* Slider */
.slider-custom{ position: relative }
.slider-custom .slick-slide{ padding:0; position: relative; }
.slider-custom .slide .slide-media{ position: relative; padding-bottom:50%; overflow: hidden; }
.slider-custom .slide .slide-media img,
.slider-custom .slide .slide-media video{ position: absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.slider-custom .slide .slide-media:before { content: "";top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); display: block; z-index: 1; position: absolute; }
.slider-custom .slide .slide-content{  position: absolute; inset:0; width:100%; height:100%; display: flex; align-items: center;}

/* Galerie */
.pt-gallery{ position: relative; }
.pt-gallery-image-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:all 200ms ease; opacity:0; background: rgba(255, 255, 255, .4);  }
.pt-gallery-image-overlay a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; }
.pt-gallery-image-overlay a svg{ width: 50px; }
.pt-gallery:hover .pt-gallery-image-overlay,
.pt-gallery:focus .pt-gallery-image-overlay{ opacity:1; }


.front .anim-titre div{ opacity: 0; }