/* MV Carousel Custom Styles */
.mv-carousel .carousel-item {
    /* 設定一個最小高度，避免圖片載入時區塊跳動 */
    min-height: 280px; 
    background-color: #f0f0f0;
}

.mv-carousel .carousel-item img {
    width: 100%;
    height: auto;
    object-fit: cover; /* 讓圖片填滿容器，可能會裁切 */
}

/* 讓文字描述區塊有半透明背景，增加可讀性 */
.mv-carousel .carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 5px;
}
.text-shadow{
    text-shadow: 2px 2px 5px #111111;
}

/**
 * ===============================================================
 * MV Carousel - Icon Fix (v2 - Specificity Boost)
 * ---------------------------------------------------------------
 * 透過提高 CSS 選擇器的權重，來強制覆蓋 scoped.css 中
 * 可能已損壞的圖示樣式。
 * ===============================================================
 */

/* 基礎模式 (白色圖示) */
.mv-carousel-scope .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.mv-carousel-scope .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* 深色模式 (黑色圖示) */
.mv-carousel-scope .carousel-dark .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.mv-carousel-scope .carousel-dark .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.mv-carousel-scope .carousel-indicators [data-bs-target] {
  background-color: #FFFFFF !important;
}

.mv-carousel-scope p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #FFFFFF;
    text-shadow: 2px 2px 5px black !important;
    font-size: 2em;
    font-weight:600;
}

.mv-carousel-scope .btn {
    border-radius: .25rem 4px !important;
}