/* =============================================================
 * Agolf Custom Overrides
 * =============================================================
 * 結構說明（sp-top-bar 的 .row）：
 *   #sp-logo.col-lg-6  ─ .sp-column ─ #offcanvas-toggler + .logo
 *   #sp-top2.col-lg-6  ─ .sp-column ─ .sp-module（登入按鈕）
 * 手機版要把 .logo 釘在整個 .row 水平中央，漢堡保留靠左。
 * ============================================================= */

/* ── 配色：奶油底 + 深棕字（僅手機版套用底色） ── */
@media (max-width: 991.98px) {
    #sp-top-bar,
    #sp-header,
    #sp-top-bar.header-sticky,
    #sp-header.header-sticky {
        background-color: #fdf0d5 !important;
    }
}

#sp-top-bar,
#sp-top-bar a,
#sp-top-bar .logo a,
#sp-top-bar .agolf-userinfo-trigger,
#sp-top-bar .agolf-userinfo-trigger > .hide-mobile,
#sp-top-bar .agolf-userinfo-trigger > i,
#sp-top-bar .agolf-mobile-login-btn,
#sp-top-bar .agolf-userinfo-link,
#sp-header,
#sp-header a,
#sp-header .logo a {
    color: #5a3e10 !important;
}

/* 使用者下拉面板（深底）內的連結維持原本淺色，不被 top-bar 棕色覆蓋 */
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-welcome,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-welcome .agolf-ui-welcome-text,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-points,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-points .agolf-ui-points-value {
    color: #fff !important;
}
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-link {
    color: #ddd !important;
}
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-link:hover,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-link:focus,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-link:active {
    color: #fff !important;
}
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-buy {
    color: #e2c044 !important;
}
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-buy:hover,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-buy:focus,
#sp-top-bar .agolf-userinfo-dropdown a.agolf-ui-buy:active {
    color: #fff !important;
}

/* 漢堡選單 icon 維持原本金色 */
#sp-top-bar #offcanvas-toggler,
#sp-top-bar #offcanvas-toggler i,
#sp-top-bar #offcanvas-toggler > span,
#sp-top-bar #offcanvas-toggler:visited,
#sp-top-bar #offcanvas-toggler:visited i {
    color: #c89a40 !important;
}

#sp-top-bar a:hover,
#sp-top-bar #offcanvas-toggler:hover,
#sp-top-bar #offcanvas-toggler:hover i,
#sp-header a:hover {
    color: #b07f1d !important;
}

/* ── 手機版：Logo 絕對置中於整個 .row ── */
@media (max-width: 991.98px) {
    #sp-top-bar > .container,
    #sp-top-bar .container-inner,
    #sp-top-bar > .container > .container-inner > .row {
        position: relative;
    }

    /* 左欄：漢堡靠左、移除 float */
    #sp-top-bar #sp-logo .sp-column {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #sp-top-bar #offcanvas-toggler.offcanvas-toggler-left,
    #sp-top-bar #offcanvas-toggler.offcanvas-toggler-right {
        float: none !important;
        margin: 0 !important;
        position: relative;
        z-index: 2;
        font-size: 32px;
    }
    #sp-top-bar #offcanvas-toggler i,
    #sp-top-bar #offcanvas-toggler > span {
        font-size: 32px !important;
    }

    /* 手機版：漢堡 icon 改用網站圓型 logo（favion3.png） */
    #sp-top-bar #offcanvas-toggler {
        width: 40px;
        height: 40px;
        background-image: url('../../../images/favion3.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
    }
    #sp-top-bar #offcanvas-toggler i,
    #sp-top-bar #offcanvas-toggler > span {
        display: none !important;
    }

    /* Logo 釘在 .row 水平中央 */
    #sp-top-bar #sp-logo .logo {
        display: none !important;
    }

    /* 右欄：登入靠右 */
    #sp-top-bar #sp-top2 .sp-column {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index: 2;
    }
}


/* ── 手機版內容文字縮為 13.5px（不動表單 input/select/textarea，避免 iOS 自動放大） ── */
@media (max-width: 991.98px) {
    body small,
    body span,
    body p,
    body label,
    body div,
    body li,
    body td,
    body th,
    body dd,
    body dt,
    body blockquote {
        font-size: 13.5px;
    }
    /* 按鈕保留可點擊感 */
    body .btn,
    body .sppb-btn,
    body .go-btn,
    body .go-btn-outline,
    body button {
        font-size: 14px;
    }
    /* 表單元件維持 16px 防 iOS 縮放（聊天室 textarea、登入框等） */
    body input,
    body select,
    body textarea {
        font-size: 16px;
    }
}