/* ==========================================================
   Teaser-Karussell — Styles
   Ablage: /wp-content/themes/DEIN-CHILD-THEME/css/teaser-carousel.css
   ========================================================== */

.tc-wrap{
  position:relative;
  max-width:1100px;
  margin:0 auto;
}
.tc-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:4px;
  scrollbar-width:none;
  -ms-overflow-style:none;
  list-style:none;
  margin:0;
}
.tc-track::-webkit-scrollbar{display:none;}

.tc-card{
  position:relative;
  flex:0 0 calc((100% - 28px) / 3);
  width:calc((100% - 28px) / 3);
  aspect-ratio:3 / 4.6;
  border-radius:0;
  overflow:hidden;
  scroll-snap-align:start;
  cursor:pointer;
  background:#333;
  display:block;
  text-decoration:none;
  color:inherit;
}
.tc-card img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  transition:transform .4s ease;
}
.tc-card:hover img{transform:scale(1.05);}
.tc-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.85) 100%);
  pointer-events:none;
}
.tc-card-text{
  position:absolute;
  left:14px;right:14px;bottom:14px;
  z-index:2;
  color:#fff;
}
.tc-card-text .tc-title{
  font-family:'Poppins', sans-serif;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  margin:0;
}
.tc-card-text .tc-subtitle{
  font-family:'Poppins', sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.4;
  margin:4px 0 0;
  opacity:.85;
}

.tc-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;height:40px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e2ddd2;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:3;
  transition:background .2s ease, opacity .2s ease;
  padding:0;
}
.tc-arrow:hover{background:#f4f2ee;}
.tc-arrow.prev{left:-20px;}
.tc-arrow.next{right:-20px;}
.tc-arrow svg{width:16px;height:16px;}
.tc-arrow.hidden{opacity:0;pointer-events:none;}

.tc-dots{
  display:none;
}
.tc-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#d8d3c8;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
  padding:0;
  border:none;
}
.tc-dot.active{background:#161512;transform:scale(1.2);}

@media (max-width:600px){
  .tc-arrow{display:none;}
  .tc-card{
    flex:0 0 78%;
    width:78%;
    aspect-ratio:3 / 4.6;
  }
}