/**
 * Syosei 品牌色（前台）
 * 主体色：#1A2E63
 * 按钮色：#FF7518
 */
:root {
    --brand-primary: #1A2E63;
    --brand-primary-dark: #142552;
    --brand-button: #FF7518;
    --brand-button-hover: #E86814;
    --brand-on-primary: #ffffff;
}

/* ========== 顶栏 / 主体色 ========== */
#header {
    background-color: #FFFFFF !important;
}

@media screen and (min-width: 993px) {
    #header {
        height: 88px;
        min-height: 88px;
        padding: 0;
        box-sizing: border-box;
    }

    #header .header-logo {
        background-color: #fff;
        height: 88px !important;
        display: inline-flex;
        align-items: center;
    }

    #header .header-logo img {
        background-color: #fff;
        display: block;
        height: 88px !important;
        width: auto;
        object-fit: contain;
    }
}

@media screen and (max-width: 992px) {
    #header {
        height: 56px;
        min-height: 56px;
        padding: 0;
        box-sizing: border-box;
    }

    #header .header-logo {
        background-color: #fff;
        height: 100%;
        display: inline-flex;
        align-items: center;
    }

    #header .header-logo img {
        background-color: #fff;
        display: block;
        height: 56px !important;
        width: auto;
        object-fit: contain;
    }
}

#header ul.nav-wrap > li > a,
#header .link-wrap a {
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

#header ul.nav-wrap > li.hover > a,
#header ul.nav-wrap > li.active > a {
    color: var(--brand-button) !important;
    opacity: 1;
}

#header ul.nav-wrap ul.submenu-wrap li a {
    color: var(--brand-primary) !important;
    background-color: #fff !important;
}

#header ul.nav-wrap ul.submenu-wrap li a:hover {
    background-color: var(--brand-primary) !important;
    color: var(--brand-on-primary) !important;
}

#header .li-hr {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

html.landing #header:before,
html.inner #header:after,
html.inner.landing #header:after {
    background: #FFFFFF !important;
}

.bg-gradient-purple01,
.bg-gradient-purple02 {
    background: var(--brand-primary) !important;
}

.txt-green {
    color: var(--brand-primary) !important;
}

.btn.no-bgcolor {
    border-color: var(--brand-button) !important;
    color: var(--brand-button) !important;
}

.btn.no-bgcolor:hover {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

#footer .footer-subscription label,
#footer .footer-subscription label span {
    color: var(--brand-primary) !important;
}

h3.border-pink02,
h4.border-pink02,
h3.border-pink03,
h4.border-pink03 {
    border-bottom-color: var(--brand-primary) !important;
}

/* ========== 按钮 / 强调色（原粉红、绿色 CTA） ========== */
.bg-pink01,
.bg-pink02,
.bg-pink03,
.txt-pink01,
.txt-pink02,
.txt-pink03 {
    background-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
    border-color: var(--brand-button) !important;
}

.txt-pink01,
.txt-pink02,
.txt-pink03 {
    background-color: transparent !important;
    color: var(--brand-button) !important;
}

#header .login-btn {
    background-color: #FF7518 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

#header .login-btn:hover {
    background-color: #e86814 !important;
    color: #FFFFFF !important;
}

.btn-search-submit,
#btn-Search,
#btn_search_B,
#btn_search_A,
.tour-search-wrap .input-field:last-child,
.daytour-search-wrap .input-field:last-child,
.fit-search-wrap .input-field:last-child,
.advanced-search-wrap .input-field:last-child,
#footer .footer-subscription input[type='submit'],
.btn.icon-question,
.btn-box.icon-shoppingcart-plus:before,
.btn-box.icon-arrow-left-s:before,
.btn-box.icon-calendar-close:before,
.btn.icon-pdf-while:before,
.btn.icon-chat:before,
.btn.icon-form:before,
.btn.icon-addtocart:before,
.btn-wrap.ta-r.bg-pink02,
.submit-01.bg-pink02,
.bg-pink02 .submit-01,
.card-2-wrap.removable .card .btn-remove:hover,
.nav-tabs > li.active > a,
.product-tab-nav li.active a {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
}

.btn-search-submit {
    color: var(--brand-button) !important;
    background-color: #fff !important;
}

.btn-search-submit,
#btn-Search,
#btn_search_B,
#btn_search_A {
    -webkit-mask-image: none;
    mask-image: none;
}

.btn.icon-question {
    color: var(--brand-on-primary) !important;
}

.btn-wrap.ta-r.bg-pink02 input,
.submit-01.bg-pink02 {
    background-color: var(--brand-button) !important;
}

/* 链接、标签页下划线等原绿色强调 → 主体色 */
#header ul.nav-wrap > li.hover > a,
#header ul.nav-wrap > li.active > a {
    color: var(--brand-button) !important;
}

a:hover,
.link-txt:hover {
    color: var(--brand-primary);
}

/* 移动端顶栏（overwrite.css） */
@media screen and (max-width: 992px) {
    #header,
    #header .container {
        background-color: #FFFFFF !important;
    }
}

/* 各产品线样式表中的 legacy 色值 */
.tourStyle .btn-primary,
.dayTourStyle .active,
.fit-search .search-btn,
.privatetour-enquiry .bg-gradient-purple01 {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
}

/* ========== 全站统一按钮（新功能请复用 class，勿写独立色值） ========== */
/*
 * 实心主按钮：class="btn no-icon bg-pink03" 或 bg-pink02
 * 线框按钮：class="btn no-bgcolor"
 * 自定义样式仅允许使用 var(--brand-button) / var(--brand-button-hover)
 */

.btn.no-icon:not(.no-bgcolor):not(.btn-back),
.btn.payment-btn,
.page-tour-comfirm .btn-wrap .payment-btn,
.btn.btn-primary,
.btn-primary,
input[type='submit'].submit-01.bg-pink02,
input[type='submit'].bg-pink02 {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

.btn.no-icon:not(.no-bgcolor):not(.btn-back):hover,
.btn.payment-btn:hover,
.page-tour-comfirm .btn-wrap .payment-btn:hover,
.btn.btn-primary:hover,
.btn-primary:hover {
    background-color: var(--brand-button-hover) !important;
    border-color: var(--brand-button-hover) !important;
    color: var(--brand-on-primary) !important;
}

.btn.no-bgcolor {
    background-color: #fff !important;
    border: 1px solid var(--brand-button) !important;
    color: var(--brand-button) !important;
}

.btn.no-bgcolor:hover {
    background-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

/* legacy 绿色 CTA → 品牌按钮色 */
.btn.large.bg-pink03,
.page-tour-action .sticky-wrapper .btn.large.bg-pink03,
.page-day-tour-cart .table.table-style-cart.checkout-wrap .bottom-wrap .left-wrap .remove-selected,
#header .user-view {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
}

.btn.icon-tick-new,
.btn.icon-shoppingcart-plus,
.confirm-footer .btn.confirmbtn {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

/* 会员订单记录等页面组件（禁止单独紫色/绿色） */
.order-history-card__title a:hover {
    color: var(--brand-button) !important;
}

.order-history-card__action,
.order-history-card__action.btn.no-icon,
.page-order-history a.btn.no-icon.order-history-card__action,
.page-order-history a.btn.no-icon.bg-pink03.order-history-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 8px 16px !important;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    background-color: var(--brand-button) !important;
    border: 1px solid var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

.order-history-card__action:hover,
.page-order-history a.btn.no-icon.order-history-card__action:hover,
.page-order-history a.btn.no-icon.bg-pink03.order-history-card__action:hover {
    background-color: var(--brand-button-hover) !important;
    border-color: var(--brand-button-hover) !important;
    color: var(--brand-on-primary) !important;
    text-decoration: none;
}

.order-history-pagination .pagination li:hover {
    border-color: var(--brand-button) !important;
    color: var(--brand-button) !important;
}

.order-history-pagination .pagination li.active {
    background: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
    font-weight: 600;
}

.order-history-empty__icon {
    color: var(--brand-button) !important;
    background: rgba(255, 117, 24, 0.08) !important;
}

.order-history-card__channel {
    background: rgba(255, 117, 24, 0.08) !important;
    color: var(--brand-button) !important;
}

/* ========== 全站按钮 #FF7518 最终覆盖层 ========== */
/*
 * 项目规范：所有主按钮/CTA 统一 #FF7518（--brand-button）
 * 排除：售罄 .btn-sold-out、返回 .btn-back、线框 .no-bgcolor、图标盒 .btn-box、菜单 .menubtn
 */

#global_container a.btn:not(.no-bgcolor):not(.btn-back):not(.btn-box):not(.btn-sold-out):not(.menubtn):not(.btn-close),
#global_container button.btn:not(.no-bgcolor):not(.btn-back):not(.btn-box):not(.btn-sold-out):not(.menubtn),
#global_container input.btn:not(.no-bgcolor):not(.btn-sold-out),
#global_container input[type='submit']:not(.btn-sold-out),
#global_container .input-field input[type='submit'],
#global_container .input-field input[type='submit'].submit-01,
#global_container .red2,
#global_container a.theme-bg-color,
#global_container button.theme-bg-color,
#global_container .order-btn.order-login-btn,
#global_container .order-btn.theme-bg-color,
#global_container .btn-close-popup.no-icon,
#global_container .ant-btn-primary,
#global_container .ant-btn-primary:focus,
#global_container .page-membership .card-2-wrap.membership-fav .card .btn-remove .btn:hover {
    background-color: var(--brand-button) !important;
    border-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

#global_container a.btn:not(.no-bgcolor):not(.btn-back):not(.btn-box):not(.btn-sold-out):not(.menubtn):not(.btn-close):hover,
#global_container button.btn:not(.no-bgcolor):not(.btn-back):not(.btn-box):not(.btn-sold-out):not(.menubtn):hover,
#global_container input.btn:not(.no-bgcolor):not(.btn-sold-out):hover,
#global_container input[type='submit']:not(.btn-sold-out):hover,
#global_container .input-field input[type='submit']:hover,
#global_container .input-field input[type='submit'].submit-01:hover,
#global_container .red2:hover,
#global_container a.theme-bg-color:hover,
#global_container button.theme-bg-color:hover,
#global_container .order-btn.order-login-btn:hover,
#global_container .order-btn.theme-bg-color:hover,
#global_container .btn-close-popup.no-icon:hover,
#global_container .ant-btn-primary:hover,
#global_container .ant-btn-primary:active,
#global_container .ant-btn-primary.active {
    background-color: var(--brand-button-hover) !important;
    border-color: var(--brand-button-hover) !important;
    color: var(--brand-on-primary) !important;
}

/* legacy 绿色 theme 类（按钮场景，限定 a/button） */
a.theme-bg-color,
button.theme-bg-color {
    background-color: var(--brand-button) !important;
}

/* 线框/次要按钮：边框与文字用品牌按钮色 */
.order-btn.order-back-btn,
.order-btn.order-back-btn.theme-color {
    background-color: #fff !important;
    border: 1px solid var(--brand-button) !important;
    color: var(--brand-button) !important;
}

.order-btn.order-back-btn:hover {
    background-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}

/* 顶栏/语言/货币选中态 */
#header ._lang-select-menu .lang-option.active,
ul.mobile-nav-drawer .mobile-lang-menu .lang-option.active,
#header ._currency-select-menu .currency-option.active,
ul.mobile-nav-drawer .mobile-currency-menu .currency-option.active {
    color: var(--brand-button) !important;
}

/* 搜索按钮（白底红字）保持可读 */
.btn-search-submit {
    color: var(--brand-button) !important;
    background-color: #fff !important;
    border-color: var(--brand-button) !important;
}

.btn-search-submit:hover {
    background-color: var(--brand-button) !important;
    color: var(--brand-on-primary) !important;
}