/* ============================================================
   wt-cong-trinh-slider.css  v1.0.3
   Slider danh sách Công trình – dùng Swiper.js v11
   ============================================================ */

/* Wrapper ngoài cùng – giữ visible để sh-pill không bị clip */
.wt-ct-slider-section {
  position: relative;
}

/* Clip wrapper: dùng overflow-x: clip để chỉ chặn scroll ngang trang,
   không clip slide nhô ra phải; sh-pill không bị ảnh hưởng */
.wt-ct-swiper-clip {
  overflow-x: clip;
  overflow-y: visible;
}

/* Swiper – overflow visible để slide kế nhìn thấy */
.wt-ct-swiper {
  overflow: visible;
}

/* Slide */
.wt-ct-swiper .swiper-slide {
  height: auto;
}

/* ============================================================
   CARD
   ============================================================ */
.wt-ct-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid rgba(151, 92, 0, 0.25);
  height: 100%;
}

/* Ảnh tỉ lệ 3:2 */
.wt-ct-card-thumb {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 3px 3px 0 0; /* bo góc trên khớp với card */
}

.wt-ct-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Body */
.wt-ct-card-body {
  display: flex;
  padding: 30px 30px 40px 30px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

/* Tên công trình */
.wt-ct-card-title {
  font-size: 20px;
  font-weight: 600;
  font-family: "SN Pro", "Roboto", sans-serif;
  color: #111827;
  margin: 0;
}

/* Địa điểm */
.wt-ct-card-location {
  color: #6b7280;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* Dịch vụ */
.wt-ct-card-service {
  display: flex;
  align-items: baseline;
  gap: 10px;
  line-height: 1.4;
  margin: 2px 0 0;
}

.wt-ct-card-service .svc-label {
  font-weight: 400;
  flex-shrink: 0;
  white-space: nowrap;
}

.wt-ct-card-service .svc-value {
  font-weight: 700;
  color: #111827;
}