@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Questrial&display=swap');

/* ==========================================================================
   字體設定 (Font Settings)
   ========================================================================== */

/* 標題 (h1, h2, h3, .title) */
h1, h2, h3, .title, .s-title, .s-font-title {
    font-family: 'Oswald', sans-serif !important;
}

/* 段落標題 (h4, h5, h6, .subheading) */
h4, h5, h6, .subheading, .s-subheading, .s-font-heading {
    font-family: 'Jost', sans-serif !important;
}

/* 本文 (p, body, span) */
body, p, span, .s-font-body {
    font-family: 'Questrial', sans-serif !important;
}

/* 按鈕 (button, .btn) */
button, .btn, .s-common-button, .s-font-button {
    font-family: 'Questrial', sans-serif !important;
}

/* 導航欄 (.nav, .navbar, nav a) */
.nav, .navbar, nav a, .s-nav, .s-nav-text, .s-font-nav_item, .s-font-nav_dropdown {
    font-family: 'Questrial', sans-serif !important;
}

/* ==========================================================================
   共用自訂樣式
   ========================================================================== */

/* 隱藏所有 Strikingly 宣傳內容 */
.s-footer-logo-wrapper,
.strikingly-logo,
.s-strikingly-logo,
[class*="strikingly-logo"],
[class*="show-strikingly"],
.s-footer-section .s-footer-logo-wrapper,
#s-footer-logo,
.s-promo-box,
.s-upgrade-banner,
.strikingly-branding,
a[href*="strikingly.com"],
[href*="mystrikingly.com"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 確保 footer 不會因為移除內容而變形 */
.s-footer-section {
    min-height: auto !important;
}

/* ==========================================================================
   選單圖示修正
   ========================================================================== */

/* Menu icon fix - ensure Unicode character displays */
.s-nav-menu-btn-icon {
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    display: inline-block !important;
}

/* Hide Font Awesome icons */
.s-nav-menu-btn-icon.fa,
.s-nav-menu-btn-icon.fas,
.s-nav-menu-btn-icon[class*="fa-"] {
    font-family: Arial, sans-serif !important;
}

.s-nav-menu-btn-icon:before,
.s-nav-menu-btn-icon:after {
    content: none !important;
}

/* ==========================================================================
   漢堡選單樣式
   ========================================================================== */

/* 確保所有內容區塊顯示 */
.slide {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
}

.lazyload {
    opacity: 1 !important;
}

#s-content,
.slides {
    display: block !important;
    opacity: 1 !important;
}

/* 漢堡選單按鈕 */
.s-nav-menu-btn {
    cursor: pointer;
    display: block !important;
    z-index: 10002 !important;
    padding: 10px;
}

.s-nav-menu-btn-icon {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 25px;
    height: 18px;
}

.nav-line {
    display: block;
    width: 100%;
    height: 3px;
    background: #cbac5e !important;
    border-radius: 2px;
}

/* 側邊選單 */
#layout-drawer-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background: #ffffff !important;
    z-index: 10001 !important;
    padding: 80px 40px;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
    font-family: sans-serif;
}

.drawer-open #layout-drawer-wrap {
    display: block !important;
}

/* 選單列表樣式 */
#nav-drawer-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#nav-drawer-list li {
    margin-bottom: 25px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 15px !important;
}

#nav-drawer-list li a {
    text-decoration: none !important;
}

#nav-drawer-list li a .s-nav-text,
#nav-drawer-list li a span {
    font-size: 18px !important;
    color: #cbac5e !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block !important;
}

/* 遮罩層 */
.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000 !important;
}

.drawer-open .menu-overlay {
    display: block !important;
}

/* ==========================================================================
   背景圖片清晰度修正
   ========================================================================== */

/* 移除背景模糊效果，確保圖片清晰顯示 */
.s-bg-blurred .blurred-layer,
.blurred-layer.css-1tnf9eu {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* 確保背景圖片以原始清晰度顯示 */
.s-bg-image.s-bg-blurred {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* ==========================================================================
   聯絡資料圖示修正
   ========================================================================== */

/* 讓 div 元素也能顯示 Font Awesome 圖示 */
.s-contact-info-icon div.fa,
.s-contact-info-icon div[class*="fa-"],
.s-contact-info-icon div.entypo-mail,
.s-contact-info-icon div[class*="entypo-"] {
    font-family: FontAwesome !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 地圖定位圖示 */
.s-contact-info-icon div.fa-map-marker:before {
    content: "\f041" !important;
    font-size: 20px !important;
}

/* 時鐘圖示 */
.s-contact-info-icon div.fa-clock-o:before {
    content: "\f017" !important;
    font-size: 20px !important;
}

/* Email 圖示 - 將 Entypo 轉換為 Font Awesome */
.s-contact-info-icon .entypo-mail,
.s-contact-info-icon i.entypo-mail,
.s-contact-info-icon div.entypo-mail,
.entypo-mail,
i.entypo-mail,
div.entypo-mail {
    font-family: "FontAwesome" !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    width: auto !important;
    height: auto !important;
    min-width: 20px !important;
    text-align: center !important;
}

.s-contact-info-icon .entypo-mail:before,
.s-contact-info-icon i.entypo-mail:before,
.s-contact-info-icon div.entypo-mail:before,
.entypo-mail:before,
i.entypo-mail:before,
div.entypo-mail:before {
    content: "\f0e0" !important;
    font-size: 20px !important;
    display: inline-block !important;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Location 圖示 - 將 Entypo 轉換為 Font Awesome */
.entypo-location,
i.entypo-location,
div.entypo-location {
    font-family: FontAwesome !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.entypo-location:before,
i.entypo-location:before,
div.entypo-location:before {
    content: "\f041" !important;
    font-size: 20px !important;
    display: inline-block !important;
}

/* ==========================================================================
   手機版選單修正
   ========================================================================== */

@media screen and (max-width: 767px) {
    /* 顯示第一個navbar（包含漢堡選單按鈕） */
    .css-1avym7r.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal {
        display: block !important;
    }

    /* 隱藏固定版navbar和手機版header */
    .css-1avym7r.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed,
    .s-navbar-mobile-header {
        display: none !important;
    }

    /* 只顯示normal版本的logo，隱藏alternative版本 */
    .s-navbar-desktop-normal .s-logo-image-alternative {
        display: none !important;
    }

    .s-navbar-desktop-normal .s-logo-image-normal {
        display: block !important;
    }

    /* 確保漢堡選單按鈕可見 */
    .s-nav-menu-btn {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 隱藏所有桌面版導航項目 */
    .s-navbar-desktop .s-uncollapsed-nav,
    .s-navbar-desktop .s-nav-items-and-links,
    .s-navbar-desktop .s-nav-icons ul,
    .s-drawer-nav-right ul.s-nav-icons {
        display: none !important;
    }

    /* 保持logo和選單按鈕的布局 */
    .s-nav-inner {
        display: block !important;
    }

    .s-nav-inner-wrap {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}