/* 頂部固定樣式 */
.sticky-header-container {
    transition: all 0.3s ease;
}

/* 主內容區域樣式 - 只在電腦版設置頂部間距 */
.main-content-wrapper {
    padding-top: 0;
}

/* 電腦版才套用頂部間距 */
@media (min-width: 992px) {
    .main-content-wrapper {
        padding-top: 75px;
    }
}

.sticky-header-container.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
}

/* 確保內容不會被固定頂部覆蓋 */
body.has-sticky-header {
    padding-top: 0;
    transition: padding-top 0.3s ease;
}

body.has-sticky-header.active {
    padding-top: calc(45px + 80px); /* TopbarHeader 高度 + navbar 高度 */
}

@media (max-width: 767.98px) {
    body.has-sticky-header.active {
        padding-top: calc(45px + 60px); /* 手機版調整高度 */
    }
}