/* 橙色商城全站主题 */
:root {
    --orange: #ff5000;
    --orange-dark: #e94500;
    --orange-soft: #fff1e8;
    --page-bg: #f5f5f5;
    --text: #333;
    --muted: #999;
    --line: #ededed;
}

html, body,
#page-container,
#main-container {
    background: var(--page-bg) !important;
    color: var(--text) !important;
}

/* 完整橙色头部：覆盖原深色框架 */
#page-container.page-header-dark #page-header,
#page-container.page-header-dark #page-header .content-header,
#page-header,
#page-header .content-header {
    background: linear-gradient(90deg, #ff5000 0%, #ff6a00 100%) !important;
}

#page-header {
    height: 72px !important;
    border: 0 !important;
    box-shadow: none !important;
}

#page-header .shop-title,
#page-header .text-dual,
#page-header .shop-name {
    color: #fff !important;
    text-shadow: none !important;
}

#page-header .shop-logo {
    border: 2px solid rgba(255,255,255,.65);
    border-radius: 50%;
}

/* 搜索、登录、语言 */
#search-form {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #fff !important;
}

#search-form .form-control {
    min-width: 205px;
    background: #fff !important;
    border: 0 !important;
    color: #333 !important;
    box-shadow: none !important;
}

#search-form .input-group-text {
    min-width: 46px;
    justify-content: center;
    background: #ff7a00 !important;
    border: 0 !important;
    color: #fff !important;
}

#page-header .btn-alt-secondary,
#page-header .select2-container .select2-selection,
.language-select-theme .select2-selection--single {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: var(--orange) !important;
    box-shadow: none !important;
}

#page-header .btn-alt-secondary:hover {
    background: var(--orange-soft) !important;
}

.language-select-theme .select2-selection__rendered,
.language-select-theme .select2-selection__rendered .table-item-name {
    color: var(--orange) !important;
}

/* 白底导航与橙色激活态 */
#main-container > .bg-nav-primary-darker,
#main-container > .bg-nav-primary-darker > .bg-black-10 {
    background: #fff !important;
}

#main-container > .bg-nav-primary-darker {
    border-bottom: 2px solid var(--orange) !important;
}

#main-navigation .nav-main-link,
#main-navigation .nav-main-link .nav-main-link-name,
#main-navigation .nav-main-link .mcy-icon {
    color: #333 !important;
    fill: #333 !important;
}

#main-navigation .nav-main-link {
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
}

#main-navigation .nav-main-link:hover,
#main-navigation .nav-main-link.active {
    color: var(--orange) !important;
    border-bottom-color: var(--orange) !important;
    background: transparent !important;
}

#main-navigation .nav-main-link:hover .mcy-icon,
#main-navigation .nav-main-link.active .mcy-icon {
    color: var(--orange) !important;
    fill: var(--orange) !important;
}

/* 分类下拉 */
#main-navigation .nav-main-submenu,
#main-navigation .category-submenu {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 15px rgba(0,0,0,.12) !important;
}

#main-navigation .nav-main-submenu .nav-main-link:hover,
#main-navigation .category-submenu .nav-main-link:hover {
    background: var(--orange-soft) !important;
    color: var(--orange) !important;
}

/* 主内容区 */
#main-container > .content {
    padding-top: 20px !important;
    padding-bottom: 38px !important;
}

/* 商城公告 */
.block-notice {
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-top: 3px solid var(--orange) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.block-notice .notice-background,
.block-notice .notice-background::before {
    display: none !important;
}

.block-notice .content-notice {
    padding: 34px 30px 22px !important;
    color: #444 !important;
    text-shadow: none !important;
}

.block-notice .notice-title,
.block-notice .ribbon-primary .ribbon-box,
.block-notice .ribbon-box {
    background: var(--orange) !important;
    color: #fff !important;
    border-radius: 0 0 4px 0 !important;
}

/* 精选商品楼层标题 */
.mall-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 14px;
}

.mall-section-heading h2 {
    margin: 0;
    padding-left: 12px;
    border-left: 5px solid var(--orange);
    color: #222;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
}

.mall-section-heading span {
    color: #999;
    font-size: 13px;
}

/* 商品网格与商品卡 */
#main-container #masonry-grid {
    row-gap: 18px;
}

.item-box .product-card.item-block {
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    transition: transform .2s, border-color .2s, box-shadow .2s !important;
}

.item-box .product-card.item-block:hover {
    border-color: var(--orange) !important;
    box-shadow: 0 5px 16px rgba(255,80,0,.16) !important;
    transform: translateY(-3px) !important;
}

.item-box .product-card-media {
    background-color: #fafafa;
}

.item-box .product-card-tags .product-card-tag,
.item-box .product-card-tag {
    background: var(--orange-soft) !important;
    border: 1px solid #ffc8b1 !important;
    border-radius: 2px !important;
    color: var(--orange) !important;
}

.item-box .product-card-name {
    color: #333 !important;
}

.item-box .product-card-price,
.item-box .product-card-price * {
    color: var(--orange) !important;
}

.item-box .product-card-stock,
.item-box .product-card-stock * {
    color: #999 !important;
}

/* 商品详情、购买操作 */
.product-info-area,
.item-title-content,
.item-picture-box {
    background: #fff !important;
}

.item-title-content {
    border-bottom: 1px solid var(--line) !important;
}

.item-amount,
.item-amount span {
    color: var(--orange) !important;
}

.checkout-btn,
.btn-buy-now,
.btn-add-cart {
    border-radius: 2px !important;
}

.btn-buy-now {
    background: var(--orange) !important;
}

.btn-buy-now:hover {
    background: var(--orange-dark) !important;
}

.btn-add-cart {
    background: #ff9000 !important;
}

.btn-add-cart:hover {
    background: #ff7a00 !important;
}

/* 常用控件与页脚 */
.btn-primary,
.bg-primary {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.text-primary {
    color: var(--orange) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #ffb18c !important;
    box-shadow: 0 0 0 .18rem rgba(255,80,0,.13) !important;
}

#page-footer {
    background: #fff !important;
    border-top: 1px solid var(--line) !important;
    color: #999 !important;
}

/* 公告：移除旧模板斜角飘带，改为简洁橙色标题 */
.block-notice .content-notice.ribbon {
    padding: 22px 28px !important;
}

.block-notice .content-notice.ribbon::before,
.block-notice .content-notice.ribbon::after,
.block-notice .content-notice .ribbon-box::before,
.block-notice .content-notice .ribbon-box::after {
    display: none !important;
}

.block-notice .content-notice .notice-title {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: #ff5000 !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
}

.block-notice .content-notice > div:not(.notice-title) {
    display: block !important;
    margin: 16px 0 0 !important;
    color: #444 !important;
    line-height: 1.8 !important;
}


/* 公告图标：替换旧 SVG，去掉蓝色残留 */
.block-notice .notice-title .mcy-icon {
    display: none !important;
}

.block-notice .notice-title::before {
    content: "📢";
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.block-notice .notice-title {
    gap: 5px !important;
}