/* 標題*/
.ota-widget-title {
  background-color: #a855f7; /* bg-purple-500 */
  color: #ffffff;            /* text-white */
  padding: 0.75rem;          /* p-3 → 12px */
  font-size: 1.125rem;        /* text-lg */
  line-height: 1.2rem;      /* Tailwind 預設對應的行高 */
  border-top-left-radius: 20px; /* rounded-tl-[20px] */

  display: inline-block;     /* 建議補上，讓圓角與背景正常呈現 */
}

/* 大容器*/
.mySwiper {
  padding-top: 2px;
  padding-bottom: 30px;
  border:none;
  border-top:2px solid #a855f7; /* bg-purple-500 */
}
/*#destination-recommended-products .mySwiper{*/
/*  border:none;*/
/*  border-top:2px solid #a855f7; !* bg-purple-500 *!*/
/*}*/
/* 卡片外層 */
.widget-card {
  width: 100%;
  max-width: 20rem; /* Tailwind max-w-sm */
  background-color: #fff;
  border: 1px solid #e5e7eb; /* border-gray-200 */
  border-radius: 0.5rem; /* rounded-lg */
  box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* shadow-sm */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 圖片區 */
.widget-card-img {
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: 100%;
  height: 9rem; /* h-36 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.widget-card-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  margin-top:0 !important; // HACK:
}

/* 卡片內容 */
.widget-card-body {
  padding: 0 1.25rem 1rem; /* px-5 pb-4 */
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* 標題 */
.widget-card-title {
  font-size: 1rem; /* text-md */
  font-weight: 600; /* font-semibold */
  letter-spacing: -0.01em; /* tracking-tight */
  color: #111827; /* text-gray-900 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.5rem;
  margin-top:6px;
}

/* 評分區 */
.widget-card-rating {
  display: flex;
  align-items: center;
  margin: 0.25rem 0 0.75rem; /* mt-2.5 mb-3 */
}
.widget-card-rating svg {
  width: 1rem; height: 1rem; /* w-4 h-4 */

}
.widget-card-rating svg.fullStar{
  color: #facc15; /* text-yellow-300 */
}
.widget-card-rating svg.emptyStar{
  color:#e5e7eb;  /* text-gray-200 */
}
.widget-card-rating .rating-badge {
  background-color: #dbeafe; /* bg-blue-100 */
  color: #1e40af; /* text-blue-800 */
  font-size: 0.75rem; /* text-xs */
  font-weight: 600;
  padding: 0.125rem 0.625rem; /* py-0.5 px-2.5 */
  border-radius: 0.125rem; /* rounded-sm */
  margin-left: 0.75rem; /* ms-3 */
}

/* 價格 + 按鈕區塊 */
.widget-card-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-price {
  font-size: 1.25rem; /* text-xl */
  font-weight: 700;
  color: #ef4444; /* text-red-500 */
}
.widget-price .currency {
  color: #9ca3af;          /* text-gray-400 */
  font-size: 0.75rem;      /* text-xs = 12px */
  line-height: 1rem;       /* 預設行高 16px */
  position: absolute;      /* absolute */
  left: 0.25rem;           /* left-1 = 4px */
  padding-left: 1px;       /* pl-[1px] */
  bottom: 45px;            /* bottom-[45px] */
}
.widget-btn {
  color: #fff;
  background-color: rgba(252, 165, 165, 0.5); /* 半透明，alpha = 0.5 */

  font-weight: 500;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  padding: 0.5rem 1.25rem;
  text-align: center;
  transition: all 0.2s;
  text-decoration: none !important;
}

.widget-btn:hover {
  background-color: #f87171; /* hover:bg-red-400 */
  color:#fff;

}
/* 共用樣式：左右箭頭 */
.widget-swiper-button {
  position: absolute;
  top: 50%; /* top-1/2 */
  transform: translateY(-50%); /* -translate-y-1/2 */
  display: flex; /* flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  width: 2.5rem; /* w-10 */
  height: 2.5rem; /* h-10 */
  border-radius: 9999px; /* rounded-full */
  background-color: #fff; /* bg-white */
  box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* shadow-md */
  cursor: pointer; /* cursor-pointer */
  border: 1px solid #9ca3af; /* border border-gray-400 */
  z-index: 10; /* z-10 */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.widget-swiper-button svg {
  width: 1.5rem; /* w-6 */
  height: 1.5rem; /* h-6 */
  color: #4b5563; /* text-gray-600 */
  transition: color 0.2s ease;
}

.widget-swiper-button:hover {
  background-color: #4b5563; /* hover:bg-gray-600 */
}

.widget-swiper-button:hover svg {
  color: #fff; /* group-hover:text-white */
}

/* 位置：左箭頭 */
.widget-swiper-button-prev {
  left: 0.5rem; /* left-2 */
}

/* 位置：右箭頭 */
.widget-swiper-button-next {
  right: 0.5rem; /* right-2 */
}


/* 覆蓋原始樣式*/
.swiper-button-prev:after,  .swiper-button-next:after {
  content:''; !important;
}