/*---------------- 首頁 ----------------*/

.airport01 {
    background-color: #fff;
}

.airport02 {
    background-color: #393939;
    padding: 20px 0;
}

.area01 {
    background: url("../images/demo011.jpg") no-repeat center center;
    background-size: cover;
}

.area02 {
    background-color: #fff;
}

.area03 {
    background: url("../images/demo004.jpg") no-repeat center center;
    background-size: cover;
}

/*---------------- 其他 ----------------*/
.Min {
    font-family: "Chiron GoRound TC", serif !important;
}

.btn-close2 {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* 當螢幕寬度小於 768px（手機與平版直向）時生效 */
@media (max-width: 767.98px) {
  .responsive-text {
    font-size: 1rem !important; /* Bootstrap 5 的 fs-6 大小通常約為 1rem */
  }
}

/*---------------- 影像地圖滑鼠移過特效 ----------------*/

.image-map-container {
    position: relative;
    display: inline-block;
}

.image-map-container img {
    display: block;
}

.image-map-container .map-selector {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #ef335700;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-property: top, left, right, bottom, color;
}

.image-map-container .map-selector.hover {
    color: #ef335790;
}

.map-selector:after {
    content: "";
    position: absolute;
    background: currentColor;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
    background: currentColor;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-property: top, left, right, bottom, background;
    pointer-events: none;
}

/*---------------- Tabs ----------------*/

/* 未選中時的按鈕樣式：半透明深色背景、白字 */
    .custom-tabs .nav-link {
        background-color: rgba(255, 255, 255, 1) !important;
        color: #000 !important;
        transition: all 0.2s ease-in-out;
    }
    
    /* 滑鼠懸停時的效果 */
    .custom-tabs .nav-link:hover {
        background-color: #ffe28c !important;
    }

    /* 被點擊切換（當前所在）的 Tab 按鈕：高亮黃色背景、深色文字、粗體 */
    .custom-tabs .nav-link.active {
        background-color: #ffc107 !important; /* 亮黃色 */
        color: #000 !important;          /* 深色字體以確保對比清晰 */
        box-shadow: 0 0 6px rgba(0,0,0,0);
    }

/*---------------- 立即預約按鈕電腦版懸浮 ----------------*/

/* 電腦版右側垂直置中懸浮預約按鈕 */
@media (min-width: 992px) {
    .floating-reserve-btn {
        position: fixed;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1030;
        width: 80px;
        height: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #ffc107; /* 黃色背景 */
        color: #5d4037; /* 棕色文字 */
        border-radius: 20px;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease;
        line-height: 0;
    }
    .floating-reserve-btn:hover {
        background-color: #ffc107;
        color: #5d4037;
        transform: translateY(-50%) scale(1.1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}