/* 控制logo容器 */
.col-sm-6.h1 {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

/* Auth: remove underline on hover for specific 'Log in' link */
.no-hover-underline:hover {
    text-decoration: none !important;
}

/* Catalogue: child variant buttons */
.variant-buttons {
    margin-top: 8px;
}

.variant-btn {
    display: inline-block;
    background-color: #ff8c00 !important; /* orange */
    color: #000 !important;    /* black text */
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none !important;
    margin: 0 8px 8px 0;
    border: 1px solid rgba(0,0,0,0.1);
    transition: all 0.3s ease !important;
}

.variant-btn:hover,
.variant-btn:focus,
.variant-btn:active {
    background-color: #e67300 !important; /* 深橙色 */
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3) !important;
}

/* 控制logo链接 */
.col-sm-6.h1 a {
    display: inline-block !important;
    text-decoration: none !important;
}

/* 控制logo图片 */
.col-sm-6.h1 a img {
    height: auto !important;
    max-height: 56px !important; /* 收紧桌面端logo高度 */
    width: auto !important;
    max-width: 100% !important; /* 避免固定宽度导致换行 */
    object-fit: contain !important; /* 保持图片比例 */
}

/* logo悬停效果 */
.col-sm-6.h1 a:hover img {
    transform: none !important; /* 避免悬停放大引起跳动 */
}

/* 如果您想要logo居左对齐 */
.col-sm-6.h1 {
    justify-content: flex-start !important; /* 统一为靠左对齐 */
}

/* 如果您想要logo居中对齐 */
.col-sm-6.h1 {
    justify-content: flex-start !important;
}

/* 响应式设计 - 移动端调整 */
@media (max-width: 768px) {
    .col-sm-6.h1 a img {
        height: auto !important;
        max-height: 36px !important;
        max-width: 70% !important;
    }
}

/* 隐藏右上角购物车区域 */
.basket-mini {
    display: none !important;
}

/* 使用更高优先级的选择器覆盖Bootstrap的display类 */
div.basket-mini.col-sm-5.text-right.d-none.d-md-block {
    display: none !important;
}



/* ================================
   品牌橙色主题 #FF9700
   ================================ */

/* 主要按钮样式 */
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
button[type="submit"],
input[type="submit"],
.btn-cart,
.add-to-basket,
.btn-add-to-basket {
    /* background-color: #FF9700 !important; */
    border-color: #FF9700 !important;
    color: black !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-cart:hover,
.add-to-basket:hover,
.btn-add-to-basket:hover {
    /* background-color: #e6880a !important; */
    border-color: #e6880a !important;
    color: black !important;
}

/* 次要按钮（轮廓样式） */
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-info {
    color: #FF9700 !important;
    border-color: #FF9700 !important;
    background-color: transparent !important;
}

/* 确保轮廓次要按钮文本垂直水平居中 */
.btn-outline-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-info:hover {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: white !important;
}

/* 搜索框和表单输入框 */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    border-color: #FF9700 !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    border-color: #FF9700 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 搜索按钮特殊样式 */
.header .col-sm-4 .btn,
.search-form .btn,
button[type="submit"].btn-secondary {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: white !important;
}

.header .col-sm-4 .btn:hover,
.search-form .btn:hover,
button[type="submit"].btn-secondary:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
}

/* 链接颜色 */
/*
a {
    color: #FF9700 !important;
}

a:hover {
    color: #e6880a !important;
}
*/
/* 限制链接样式只作用于前端，排除后台（占位规则，避免误触发，已整体注释）
body:not([class*="dashboard"]) a,
.catalogue a,
.basket a,
.checkout a,
.customer a,
.header a,
.navbar:not(#dashboard-main-nav) a:not(.home-link) {
    color: #FF9700 !important;
}
*/

.navbar a.home-link {
    color: black !important;
}

.navbar a:hover {
    color: #e6880a !important;
}

body:not([class*="dashboard"]) a:not(.variant-btn):hover,
.catalogue a:not(.variant-btn):hover,
.basket a:not(.variant-btn):hover,
.checkout a:not(.variant-btn):hover,
.customer a:not(.variant-btn):hover,
.header a:not(.variant-btn):hover,
.navbar:not(#dashboard-main-nav) a:not(.variant-btn):hover {
    color: #e6880a !important;
}

/* 恢复后台管理系统链接的默认样式 */
#dashboard-main-nav a,
.dashboard a:not(.btn),
body[class*="dashboard"] a:not(.btn) {
    color: #007bff !important; /* Bootstrap默认链接颜色 */
}

#dashboard-main-nav a:hover,
.dashboard a:hover,
body[class*="dashboard"] a:hover {
    color: #0056b3 !important; /* Bootstrap默认链接悬停颜色 */
}

/* 恢复后台导航栏链接为白色 */
#dashboard-main-nav .navbar-nav .nav-link,
#dashboard-main-nav .navbar-brand {
    color: rgba(255, 255, 255, 0.75) !important;
}

#dashboard-main-nav .navbar-nav .nav-link:hover,
#dashboard-main-nav .navbar-nav .nav-link:focus,
#dashboard-main-nav .navbar-brand:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* 恢复后台下拉菜单链接 */
#dashboard-main-nav .dropdown-item {
    color: #212529 !important;
}

#dashboard-main-nav .dropdown-item:hover,
#dashboard-main-nav .dropdown-item:focus {
    color: #16181b !important;
    background-color: #f8f9fa !important;
}

/* 恢复后台面包屑导航链接 */
.dashboard .breadcrumb-item a,
body[class*="dashboard"] .breadcrumb-item a {
    color: #007bff !important;
}

.dashboard .breadcrumb-item a:hover,
body[class*="dashboard"] .breadcrumb-item a:hover {
    color: #0056b3 !important;
}

/* 恢复后台表格中的链接 */
.dashboard table a,
body[class*="dashboard"] table a {
    color: #007bff !important;
}

.dashboard table a:hover,
body[class*="dashboard"] table a:hover {
    color: #0056b3 !important;
}

/* 导航栏链接 */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #FF9700 !important;
}

/* 下拉菜单 */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #FF9700 !important;
    color: white !important;
}

/* 价格标签和重要信息 */
.price,
.price_color,
.current-price,
.total-price {
    color: #FF9700 !important;
    font-weight: bold;
}

/* 购物车相关按钮 */
.basket-button,
.checkout-button,
.btn-checkout {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: white !important;
}

.basket-button:hover,
.checkout-button:hover,
.btn-checkout:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
}

/* 分页按钮 */
.pagination .page-link {
    color: #FF9700 !important;
}

.pagination .page-item.active .page-link {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
}

/* 购物车数量输入框：隐藏数字输入的上下箭头，统一为文本样式 */
.basket-quantity-input::-webkit-outer-spin-button,
.basket-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.basket-quantity-input {
    appearance: textfield;
    -moz-appearance: textfield;
}

.pagination .page-link:hover {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: white !important;
}

/* 表单验证状态 */
.form-control.is-valid {
    border-color: #FF9700 !important;
}

.valid-feedback {
    color: #FF9700 !important;
}

/* 进度条 */
.progress-bar {
    background-color: #FF9700 !important;
}

/* 徽章和标签 */
.badge-primary,
.badge-info,
.badge-success {
    background-color: #FF9700 !important;
}

/* 选中状态 */
.form-check-input:checked {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
}

/* 滑块和范围输入 */
input[type="range"]::-webkit-slider-thumb {
    background-color: #FF9700 !important;
}

input[type="range"]::-moz-range-thumb {
    background-color: #FF9700 !important;
}

/* 选择框选中项 */
option:checked,
option:hover {
    background-color: #FF9700 !important;
    color: black !important;
}

/* 特殊Oscar组件 */
.product-card .btn,
.catalogue .btn,
.basket .btn-primary,
.checkout .btn-primary {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
}

/* 响应式按钮调整 */
@media (max-width: 768px) {
    .btn {
        padding: 8px 16px;
    }
    
    .form-control {
        border-width: 2px;
    }
}

/* 确保所有可能的按钮都被覆盖 */
/*
button,
.button,
[role="button"],
input[type="button"] {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}
*/

/* 限制按钮样式只作用于前端，排除后台 */
body:not([class*="dashboard"]) button,
body:not([class*="dashboard"]) .button,
body:not([class*="dashboard"]) [role="button"],
body:not([class*="dashboard"]) input[type="button"],
.catalogue button,
.basket button,
.checkout button,
.customer button {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: rgb(5, 5, 5) !important;
}

body:not([class*="dashboard"]) button:hover,
body:not([class*="dashboard"]) .button:hover,
body:not([class*="dashboard"]) [role="button"]:hover,
body:not([class*="dashboard"]) input[type="button"]:hover,
.catalogue button:hover,
.basket button:hover,
.checkout button:hover,
.customer button:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
}



/* 导航栏背景（仅限带 bg-dark 的主导航），去掉固定高度以自适应内容 */
.navbar.bg-dark {
    background-color: #FF9700 !important;
}

/* 购物车按钮 */
.basket-mini .btn-outline-secondary {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

/* 所有提示框背景 */
.alert-info {
    background-color: rgba(255, 151, 0, 0.1) !important;
    border-color: #FF9700 !important;
    color: #FF9700 !important;
}

/* 首页购物车提示按钮：仅匹配“View basket/Checkout now”两个按钮 */
.alert a.btn.btn-info[href="/basket/"],
.alert a.btn.btn-info[href="/checkout/"] {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

.alert a.btn.btn-info[href="/basket/"]:hover,
.alert a.btn.btn-info[href="/checkout/"]:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: black !important;
}

.alert a.btn.btn-info[href="/basket/"]:focus,
.alert a.btn.btn-info[href="/checkout/"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 购物车页面按钮：优惠券与去结算，仅限篮子页作用域 */
.basket #voucher_form_link a.btn.btn-secondary.btn-full,
.basket a.btn.btn-lg.btn-primary.btn-block {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

.basket #voucher_form_link a.btn.btn-secondary.btn-full:hover,
.basket a.btn.btn-lg.btn-primary.btn-block:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: black !important;
}

.basket #voucher_form_link a.btn.btn-secondary.btn-full:focus,
.basket a.btn.btn-lg.btn-primary.btn-block:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 结算完成页按钮：打印与继续购物（仅限结算域） */
.checkout a.btn.btn-primary.btn-block.btn-lg {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

.checkout a.btn.btn-primary.btn-block.btn-lg:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: black !important;
}

.checkout a.btn.btn-primary.btn-block.btn-lg:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}


/* 导航栏中的面包屑样式 */
.navbar .breadcrumb {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.navbar .breadcrumb-item {
    font-size: 14px;
}

.navbar .breadcrumb-item a {
    color: rgba(9, 9, 9, 0.9) !important;
    text-decoration: none;
}

.navbar .breadcrumb-item a:hover {
    color: black !important;
}

.navbar .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.6) !important;
}

.navbar .breadcrumb-item + .breadcrumb-item::before {
    content: ">" !important;
    color: rgba(9, 9, 9, 0.9);
    padding: 0 8px;
}

/* 确保面包屑在移动端也显示良好 */
@media (max-width: 768px) {
    .navbar .breadcrumb {
    font-size: 12px;
}

    .navbar .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 4px;
    }
}


/* 所有面包屑文字大写 */
.navbar .breadcrumb-item {
    text-transform: uppercase !important;
}

/* 只让HOME链接大写并放大 */
.navbar .breadcrumb-item .home-link {
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* 更好的悬停效果 */
.navbar .breadcrumb-item .home-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 151, 0, 0.8) !important;
    transform: scale(1.05) !important;
    transition: all 0.3s ease !important;
}


/* ALL PRODUCTS链接样式，与HOME保持一致 */
.navbar .breadcrumb-item.products-link {
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    color: rgba(9, 9, 9, 0.9) !important;
    text-transform: uppercase !important;
}

/* 如果您希望ALL PRODUCTS也有悬停效果 */
.navbar .breadcrumb-item.products-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
}

/* 或者，如果您想让HOME和ALL PRODUCTS样式完全统一 */
.navbar .breadcrumb-item .home-link{
    color: black !important;
}
.navbar .breadcrumb-item .home-link,
.navbar .breadcrumb-item.products-link {
    font-size: 18px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: black !important;
}

/* 顶部导航内的搜索表单精确对齐与尺寸，仅前台生效 */
body:not([class*="dashboard"]) nav.navbar .form-inline.my-2.my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Header 行内的搜索表单（logo 右侧）—— 强制横向居中对齐与紧凑留白 */
.header .col-sm-4 form.form-inline {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

/* 桌面端让搜索容器靠右 */
@media (min-width: 768px) {
    .header .row .col-sm-4 {
        text-align: right !important;
    }
}

/* 统一 header 中输入框和按钮的高度与内边距 */
.header .col-sm-4 form.form-inline .form-control,
.header .col-sm-4 form.form-inline .btn {
    height: 36px !important;
    line-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header .col-sm-4 form.form-inline .form-control {
    margin-right: 8px !important;
    width: 320px !important;
}

@media (max-width: 992px) {
    .header .col-sm-4 form.form-inline .form-control {
        width: 240px !important;
    }
}

@media (max-width: 576px) {
    .header .col-sm-4 form.form-inline {
        flex-wrap: wrap !important; /* 超小屏允许换行 */
        justify-content: center !important;
    }
    .header .col-sm-4 form.form-inline .form-control {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
    }
}

/* 强制搜索表单横向布局与紧凑间距（覆盖 my-2 等工具类） */
body:not([class*="dashboard"]) nav.navbar form.form-inline {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

/* 控制输入框宽度，避免过宽挤压布局 */
body:not([class*="dashboard"]) nav.navbar form.form-inline .form-control {
    width: 280px !important;
}

@media (max-width: 992px) {
    body:not([class*="dashboard"]) nav.navbar form.form-inline .form-control {
        width: 220px !important;
    }
}

@media (max-width: 576px) {
    body:not([class*="dashboard"]) nav.navbar form.form-inline {
        flex-wrap: wrap !important; /* 超小屏允许换行 */
    }
    body:not([class*="dashboard"]) nav.navbar form.form-inline .form-control {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 6px !important;
    }
}

@media (min-width: 768px) {
    /* 让搜索表单靠右且垂直居中 */
    body:not([class*="dashboard"]) nav.navbar .navbar-collapse {
        display: flex;
        align-items: center;
    }

    body:not([class*="dashboard"]) nav.navbar .navbar-collapse > .navbar-nav.mr-auto + form.form-inline {
        margin-left: auto !important;
    }

    /* 统一输入框与按钮高度/行高 */
    body:not([class*="dashboard"]) nav.navbar form.form-inline .form-control,
    body:not([class*="dashboard"]) nav.navbar form.form-inline .btn {
        height: 38px !important;
        line-height: 36px !important;
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    /* 输入框与按钮间距 */
    body:not([class*="dashboard"]) nav.navbar form.form-inline .form-control {
        margin-right: 8px !important;
    }
}

/* 统一的悬停效果 */
.navbar .breadcrumb-item .home-link:hover,
.navbar .breadcrumb-item.products-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease !important;
}



/* 添加到购物车按钮样式 */
#add_to_basket_form .btn-primary {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 7px !important;
    /*padding: 12px 30px !important;*/
    font-size: 21px !important;
    transition: all 0.3s ease !important;
    padding: 0.5rem 0rem !important;
}

#add_to_basket_form .btn-primary:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 151, 0, 0.3) !important;
}

/* 加载状态样式 */
#add_to_basket_form .btn-primary[disabled] {
    background-color: #cccccc !important;
    border-color: #cccccc !important;
}

/* 隐藏心愿单按钮（如需启用，取消注释下方选择器） */
/*
.btn-wishlist,
button.btn-wishlist,
.btn.btn-wishlist,
form.btn-wishlist,
div.btn-wishlist {
    display: none !important;
}
*/


/* Write a review 按钮样式调整为统一橙色 */
#write_review,
.btn-success {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

#write_review:hover,
.btn-success:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: white !important;
}

/* 更具体的选择器，确保覆盖Bootstrap的success样式 */
a.btn.btn-success,
button.btn.btn-success,
.btn.btn-success.btn-sm {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: white !important;
}

a.btn.btn-success:hover,
button.btn.btn-success:hover,
.btn.btn-success.btn-sm:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: white !important;
}

/* 确保focus状态也使用统一颜色 */
.btn-success:focus,
.btn-success.focus {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 确保active状态也使用统一颜色 */
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
}



/*接口和购物车按钮样式排除管理系统*/
/* 更精确的限制：排除dashboard页面 */
/* ================================
   恢复后台管理系统的默认样式
   ================================ */

/* 恢复后台导航栏默认样式 */
#bottom_nav_bar {
    background-color: #343a40 !important; /* Bootstrap默认的dark背景 */
    border-color: #343a40 !important;
}

#bottom_nav_bar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
}

#bottom_nav_bar .navbar-nav .nav-link:hover,
#bottom_nav_bar .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 1) !important;
}

/* 恢复后台所有按钮的默认样式 */
#bottom_nav_bar .btn-primary,
#bottom_nav_bar .btn-info,
#bottom_nav_bar .btn-success,
#bottom_nav_bar .btn-warning,
#bottom_nav_bar button[type="submit"],
#bottom_nav_bar input[type="submit"] {
    background-color: #007bff !important; /* Bootstrap默认蓝色 */
    border-color: #007bff !important;
    color: white !important;
}

#bottom_nav_bar .btn-primary:hover,
#bottom_nav_bar .btn-info:hover,
#bottom_nav_bar .btn-success:hover,
#bottom_nav_bar .btn-warning:hover,
#bottom_nav_bar button[type="submit"]:hover,
#bottom_nav_bar input[type="submit"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* 如果后台有其他容器，也恢复默认样式 */
.dashboard .btn-primary,
.dashboard .btn-info,
.dashboard .btn-success,
.dashboard .btn-warning,
.dashboard button[type="submit"],
.dashboard input[type="submit"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.dashboard .btn-primary:hover,
.dashboard .btn-info:hover,
.dashboard .btn-success:hover,
.dashboard .btn-warning:hover,
.dashboard button[type="submit"]:hover,
.dashboard input[type="submit"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* 恢复后台success按钮为绿色 */
#bottom_nav_bar .btn-success,
.dashboard .btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

#bottom_nav_bar .btn-success:hover,
.dashboard .btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

/* 恢复后台warning按钮为黄色 */
#bottom_nav_bar .btn-warning,
.dashboard .btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important;
}

#bottom_nav_bar .btn-warning:hover,
.dashboard .btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}

/* 恢复后台danger按钮为红色 */
#bottom_nav_bar .btn-danger,
.dashboard .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

#bottom_nav_bar .btn-danger:hover,
.dashboard .btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* 恢复后台表单控件默认样式 */
.dashboard .form-control,
.dashboard input[type="text"],
.dashboard input[type="email"],
.dashboard input[type="password"],
.dashboard textarea,
.dashboard select {
    border-color: #ced4da !important;
}

.dashboard .form-control:focus,
.dashboard input[type="text"]:focus,
.dashboard input[type="email"]:focus,
.dashboard input[type="password"]:focus,
.dashboard textarea:focus,
.dashboard select:focus {
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* 恢复后台链接默认颜色 */
.dashboard a {
    color: #007bff !important;
}

.dashboard a:hover {
    color: #0056b3 !important;
}

/* 恢复后台分页默认样式 */
.dashboard .pagination .page-link {
    color: #007bff !important;
}

.dashboard .pagination .page-item.active .page-link {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* ================================
   精确恢复后台导航栏默认样式
   ================================ */

/* 恢复后台主导航栏的默认背景色 */
#dashboard-main-nav {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

#dashboard-main-nav.navbar-dark {
    background-color: #343a40 !important;
}

#dashboard-main-nav.bg-dark {
    background-color: #343a40 !important;
}

/* 恢复后台导航栏内的所有元素 */
#dashboard-main-nav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
}

#dashboard-main-nav .navbar-nav .nav-link:hover,
#dashboard-main-nav .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 1) !important;
}

/* 恢复后台导航栏内的按钮 */
#dashboard-main-nav .btn,
#dashboard-main-nav button {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

#dashboard-main-nav .btn:hover,
#dashboard-main-nav button:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* 恢复下拉菜单 */
#dashboard-main-nav .dropdown-menu {
    background-color: #ffffff !important;
}

#dashboard-main-nav .dropdown-item {
    color: #212529 !important;
}

#dashboard-main-nav .dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #16181b !important;
}

/* 确保navbar-toggler也是默认颜色 */
#dashboard-main-nav .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

#dashboard-main-nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* 强制恢复后台所有按钮的默认样式 */
#dashboard-main-nav button,
#dashboard-main-nav .button,
#dashboard-main-nav [role="button"],
#dashboard-main-nav input[type="button"],
.dashboard button,
.dashboard .button,
.dashboard [role="button"],
.dashboard input[type="button"],
body[class*="dashboard"] button,
body[class*="dashboard"] .button,
body[class*="dashboard"] [role="button"],
body[class*="dashboard"] input[type="button"] {
    background-color: #343a40 !important; /* Bootstrap默认secondary颜色 */
    border-color: #6c757d !important;
    color: white !important;
}

#dashboard-main-nav button:hover,
#dashboard-main-nav .button:hover,
#dashboard-main-nav [role="button"]:hover,
#dashboard-main-nav input[type="button"]:hover,
.dashboard button:hover,
.dashboard .button:hover,
.dashboard [role="button"]:hover,
.dashboard input[type="button"]:hover,
body[class*="dashboard"] button:hover,
body[class*="dashboard"] .button:hover,
body[class*="dashboard"] [role="button"]:hover,
body[class*="dashboard"] input[type="button"]:hover {
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

/* 恢复后台primary按钮为蓝色 */
.dashboard .btn-primary,
body[class*="dashboard"] .btn-primary,
#dashboard-main-nav .btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.dashboard .btn-primary:hover,
body[class*="dashboard"] .btn-primary:hover,
#dashboard-main-nav .btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* 后台分类页：新建分类按钮文字设为黑色，避免与背景同色 */
.dashboard a.btn.btn-primary[href="/dashboard/catalogue/categories/create/"] {
    color: black !important;
}

/* 覆盖顶部logo栏样式：用内边距代替固定高度，避免内容被遮挡 */
@media (min-width: 768px) {
    .header .page_inner {
        /* padding: 8px 30px; 收紧上下留白 */
        min-height: 72px; /* 更贴近设计图的紧凑高度 */
        height: auto; /* 允许根据内容自适应高度 */
        /* display: flex; */
        align-items: center; /* 垂直居中 .col-sm-6.h1 内的logo */
        padding: 10px 0 8px;
    }
}

/* ================================
   语言选择器（导航栏右侧）
   选中背景橙色，文字黑色
   ================================ */
nav.navbar select.lang-select {
    background-color: #ffffff !important;
    color: black !important;
    border-color: #FF9700 !important;
}

/* 确保下拉选项在选中/悬停时是橙色背景黑色文字 */
nav.navbar select.lang-select option:checked,
nav.navbar select.lang-select option:hover {
    background-color: #FF9700 !important;
    color: black !important;
}

/* 仅在悬停时整体变为橙色，以与导航区分 */
nav.navbar select.lang-select:hover {
    /* background-color: #FF9700 !important; */
    color: black !important;
}

/* 聚焦态阴影与边框颜色统一 */
nav.navbar select.lang-select:focus {
    border-color: #FF9700 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 小屏优化：减小头部内边距，避免占用过多竖向空间 */
@media (max-width: 767.98px) {
    .header .page_inner {
        padding: 8px 16px;
        min-height: 56px;
        height: auto;
        display: flex;
        align-items: center;
    }
}

/* 超小屏进一步缩小logo尺寸 */
@media (max-width: 576px) {
    .col-sm-6.h1 a img {
        height: 35px !important;
        max-width: 120px !important;
    }
}

/* ================================
   页脚样式
   ================================ */
.site-footer {
    background-color: transparent;
    border-top: none;
    margin-top: 16px;
    color: #090909;
}

.site-footer .footer-inner {
    padding: 12px 0 8px;
    background-color: #ffffff;
    border-top: 4px solid #FF9700;
}

.site-footer .footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    /* Align with .page_inner content width (30px padding on each side) */
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}

.site-footer .footer-brand .footer-logo img {
    height: 48px;
}

.site-footer .footer-tagline {
    font-size: 16px;
    opacity: 0.85;
}

.site-footer .footer-my-tagline {
    font-size: 15px;
    opacity: 0.85;
    margin-top:-13px;
}

.site-footer .footer-links h5,
.site-footer .footer-contact h5 {
    font-size: 16px;
    /* margin-bottom: 12px; */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.site-footer .footer-links a {
    color: #090909 !important;
    text-decoration: none;
}

.site-footer .footer-links a:hover {
    color: #FF9700 !important;
}

.site-footer .footer-contact ul li {
    margin-bottom: 6px;
}

.site-footer .footer-social {
    margin-top: 6px;
    text-align: center;
}

.site-footer .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FF9700;
    color: #ffffff !important;
    margin-right: 6px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.site-footer .social-icon:last-child {
    margin-right: 0;
}

.site-footer .social-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(255, 151, 0, 0.3);
}

/* SVG sizing */
.site-footer .icon-svg {
    width: 16px;
    height: 16px;
}

/* Brand background colors */
.site-footer .social-whatsapp { background-color: #25D366; }
.site-footer .social-facebook { background-color: #1877F2; }
.site-footer .social-tiktok { background-color: #000000; }
.site-footer .social-instagram { background: radial-gradient(circle at 30% 100%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }

.site-footer .footer-sep {
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.08);
    margin: 12px 0;
}

.site-footer .footer-bottom {
    border-top: 1px solid rgba(0,0,0,0.08);
    padding: 10px 0;
    font-size: 13px;
    color: rgba(9,9,9,0.7);
}

@media (min-width: 992px) {
    .site-footer .footer-top {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .site-footer .footer-inner { padding: 16px 0; }
    .site-footer .footer-brand { margin-bottom: 12px; }
    .site-footer .footer-links { margin-bottom: 12px; }
}

/* ================================
   搜索框按钮：确保不同语言下宽度一致
   - 通过最小宽度避免中文文案导致按钮过窄
   ================================ */
.site-search__submit {
    min-width: 64px; /* 与英文 "Search" 大致等宽 */
}

/* ================================
   账户页面（含通知）橙色主题
   目标：
   - 左侧 .nav-pills 选中项背景橙色、文字黑色
   - 页面内所有按钮橙色、文字黑色，含悬停与聚焦
   作用范围：仅在 body.account-profile 下
   ================================ */
.account-profile .nav.nav-pills .nav-link.active,
.account-profile .nav.nav-pills .show > .nav-link {
    background-color: #FF9700 !important;
    color: black !important;
}

.account-profile .nav.nav-pills .nav-link:hover {
    background-color: rgba(255, 151, 0, 0.15) !important;
    color: #FF9700 !important;
}

.account-profile .btn,
.account-profile button,
.account-profile [role="button"],
.account-profile input[type="button"],
.account-profile input[type="submit"],
.account-profile .btn-primary,
.account-profile .btn-secondary,
.account-profile .btn-info,
.account-profile .btn-success,
.account-profile .btn-warning {
    background-color: #FF9700 !important;
    border-color: #FF9700 !important;
    color: black !important;
}

.account-profile .btn:hover,
.account-profile button:hover,
.account-profile [role="button"]:hover,
.account-profile input[type="button"]:hover,
.account-profile input[type="submit"]:hover,
.account-profile .btn-primary:hover,
.account-profile .btn-secondary:hover,
.account-profile .btn-info:hover,
.account-profile .btn-success:hover,
.account-profile .btn-warning:hover {
    background-color: #e6880a !important;
    border-color: #e6880a !important;
    color: black !important;
}

.account-profile .btn:focus,
.account-profile button:focus,
.account-profile [role="button"]:focus,
.account-profile input[type="button"]:focus,
.account-profile input[type="submit"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* ================================
   后台：确保主色按钮（链接形式）文字为黑色，避免被链接色覆盖
   ================================ */
.dashboard a.btn.btn-primary,
.dashboard a.btn.btn-primary:hover,
.dashboard a.btn.btn-primary:focus {
    color: black !important;
}

/* ================================
   产品详情图集：去除左右切换大色块
   ================================ */
#product_gallery .carousel-control-prev,
#product_gallery .carousel-control-next {
    /* Bootstrap 默认宽度为 15%，缩小点击区域避免大块覆盖 */
    width: 48px;
    /* 强制移除任何背景色/渐变（解决全局 [role="button"] 覆盖带来的色块） */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    opacity: 1;
}

#product_gallery .carousel-control-prev:hover,
#product_gallery .carousel-control-next:hover,
#product_gallery .carousel-control-prev:focus,
#product_gallery .carousel-control-next:focus {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    opacity: 1;
}

#product_gallery .carousel-control-prev-icon,
#product_gallery .carousel-control-next-icon {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
}

/* 产品详情图集：缩略图清晰度与尺寸（固定容器与避免放大） */
#product_gallery .carousel-indicators {
    margin: 0;
}

#product_gallery .carousel-indicators li {
    width: 65px;
    height: 55px;
    background: transparent !important;
    border: none;
    margin: 0 4px;
}

#product_gallery .carousel-indicators img {
    display: block;
    width: 65px;
    height: 55px;
    object-fit: cover;
    image-rendering: auto;
}

/* 产品详情图集：修正缩略图透明度，避免因 opacity 造成“发灰/糊”感 */
#product_gallery .carousel-indicators li,
#product_gallery .carousel-indicators li:hover,
#product_gallery .carousel-indicators li:focus {
    opacity: 1 !important;
}

#product_gallery .carousel-indicators li img {
    opacity: 1 !important;
}

/* ================================
   购物车页面操作按钮样式
   ================================ */

/* 购物车商品操作按钮容器 */
.basket-line-actions-buttons {
    text-align: right;
}

.basket-line-actions-buttons a {
    display: inline-block;
    text-decoration: none;
}

/* 超小按钮样式定义 */
.btn-xs {
    padding: 5px 5px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
    min-width: 24px !important;
    height: 24px !important;
}

/* 删除按钮样式 */
.basket-line-actions-buttons .btn-outline-danger {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

.basket-line-actions-buttons .btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

/* 收藏按钮样式 */
.basket-line-actions-buttons .btn-outline-primary {
    border-color: #FF9700 !important;
    color: #FF9700 !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

.basket-line-actions-buttons .btn-outline-primary:hover {
    background-color: #FF9700 !important;
    color: black !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(255, 151, 0, 0.3);
}

/* 图标大小调整 */
.basket-line-actions-buttons i {
    font-size: 14px !important;
    display: block;
    line-height: 1;
}

/* 购物车数量输入框自动更新样式 */
.basket-quantity-input {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.basket-quantity-input:focus {
    border-color: #FF9700 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 0, 0.25) !important;
}

/* 数量输入框加载状态 */
.basket-quantity-input.loading {
    background-color: #fff3cd !important;
    border-color: #FF9700 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .basket-line-actions-buttons {
        justify-content: center;
        margin-top: 8px;
        gap: 8px;
    }

    .basket-line-actions-buttons .btn-xs {
        min-width: 32px !important;
        height: 32px !important;
        padding: 4px 8px !important;
    }

    .basket-line-actions-buttons i {
        font-size: 12px !important;
    }
}

/* ================================
   产品卡片覆盖样式（来自模板内联样式迁移）
   ================================ */
.product_pod {
    height: 260px;
}

.product_pod h3 a,
.product_pod h3 a:hover {
    font-size: 1.4rem;
    color: black !important;
    line-height: 0.1;
    text-decoration: none !important;
    margin-bottom: 0rem !important;
}

.mt-3, .my-3 {
    margin-top: 0rem !important;
}

/* Sidebar categories: make links black and remove hover underline */
.side_categories {
    font-size: 1.3rem;
}

.side_categories .nav a {
    color: black !important;
}

.side_categories .nav a:hover {
    color: black !important;
    text-decoration: none !important;
}

/* Product listing: shrink "ADD TO BASKET" button text */
.product_pod .btn.btn-sm {
    font-size: 0.6rem !important;
}

.product_pod .price {
    font-size: 0.9rem;
    margin-top: revert;
}

/* Home product card: center price block vertically and avoid absolute positioning */
.product_pod .product_price {
    position: static !important;
    font-size: 1.4rem;
}

/* Stack price and availability vertically, center within row */
.product_pod .product_price .price {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.product_pod .product_price .price p {
    margin: 0;
    line-height: 1.2;
    font-size: 1.4rem;
}

/* Basket: make product titles look like plain text (black, no underline/hover) */
.basket-items h3 a {
    color: #000 !important;
    text-decoration: none !important;
    cursor: default;
}

.basket-items h3 a:hover,
.basket-items h3 a:focus,
.basket-items h3 a:active {
    color: #000 !important;
    text-decoration: none !important;
}

/* Breadcrumb: make all text black and remove hover effects */
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    color: #000 !important;
    text-decoration: none !important;
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus,
.breadcrumb .breadcrumb-item a:active {
    color: #000 !important;
    text-decoration: none !important;
}

.breadcrumb .breadcrumb-item.active {
    color: #000 !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #000 !important; /* divider color */
}

/* Catalogue: left side category list styles */
.side_categories.card.card-body {
    background-color: #F6F2E9 !important;
    border: 1px solid orange !important;
}

.side_categories .nav li a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.side_categories .nav li a:hover,
.side_categories .nav li a:focus {
    color: orange !important;
    background-color: #000 !important;
    text-decoration: none;
}

/* Checkout: shipping address forms */
#new_shipping_address,
form[id^="select_shipping_address_"] {
    background-color: #F6F2E9 !important;
    border: 1px solid orange !important;
    border-radius: .25rem;
    padding: 1rem;
}
/* Login page links: remove underline on hover for two specific anchors */
.customer-login #login_form a:hover,
.customer-login .card-body > p a:hover {
    text-decoration: none !important;
}