/* v6vps 前台品牌样式（2026-10-27）。由 includes/hooks/v6vps_brand.php 以 /brand/whmcs.css?v=N 引用（带版本号，绕开 CF 缓存）；改完把钩子里的 V 加一。色板见 brand/README.md */
:root { --v6-ink:#0B1B33; --v6-mint:#12D6A5; --v6-mint-dark:#0EB48B; --v6-signal:#3D7BFF; --v6-paper:#F6F8FB; --v6-slate:#5A6B85; }
body { font-family: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; background: var(--v6-paper); color: var(--v6-ink); }
a { color: var(--v6-signal); }
a:hover { color: #2a5fd6; }
/* 页头：Logo 行白底，主导航墨蓝 */
.header .navbar-light { background: #fff; }
.header .logo-img { max-height: 40px; }
.header .main-navbar-wrapper { background: var(--v6-ink); }
/* 模板原规则优先级较高（.navbar-expand-xl ... .nav-link），这里加 !important 保证墨蓝底上的菜单字看得清 */
.header .main-navbar-wrapper .navbar-nav > li > a,
.header .main-navbar-wrapper .navbar-nav .nav-link { color: #E6ECF5 !important; }
.header .main-navbar-wrapper .navbar-nav > li > a:hover,
.header .main-navbar-wrapper .navbar-nav > li.active > a,
.header .main-navbar-wrapper .navbar-nav .nav-link:hover { color: var(--v6-mint) !important; }
.header .main-navbar-wrapper .dropdown-menu .dropdown-item { color: var(--v6-ink) !important; }
.header .topbar { background: #08152A; }
/* 按钮 */
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active { background: var(--v6-mint); border-color: var(--v6-mint); color: var(--v6-ink); font-weight: 600; }
.btn-primary:hover, .btn-primary:focus { background: var(--v6-mint-dark); border-color: var(--v6-mint-dark); color: var(--v6-ink); }
.btn-outline-primary { color: var(--v6-ink); border-color: var(--v6-mint); }
.btn-outline-primary:hover { background: var(--v6-mint); color: var(--v6-ink); }
.btn-success { background: var(--v6-mint); border-color: var(--v6-mint); color: var(--v6-ink); }
/* 卡片、侧栏 */
.card { border-color: #E3E8F0; border-radius: 12px; }
.card-sidebar .card-header, .panel-sidebar .panel-heading { background: var(--v6-ink); color: #fff; }
.list-group-item.active { background: var(--v6-ink); border-color: var(--v6-ink); }
.badge-info, .label-info { background: var(--v6-signal); }
/* 页脚 */
footer.footer { background: var(--v6-ink); color: #B8C4D6; }
footer.footer a { color: #E6ECF5; }
footer.footer a:hover { color: var(--v6-mint); }
/* IP 地址等等宽显示 */
code, .ip-address, .text-monospace { font-family: "JetBrains Mono", ui-monospace, monospace; }
/* 语言切换按钮：中文语言包自带台湾旗，隐藏旗子只留文字 */
footer .iti-flag.tw, #modalChooseLanguage .iti-flag.tw { display: none !important; }
/* ---- 商城商品卡片（standard_cart），10-29 和首页统一 ---- */
#order-standard_cart .products .product { border:1px solid #E3E8F0 !important; border-radius:14px !important; overflow:hidden !important; box-shadow:0 1px 2px rgba(11,27,51,.04) !important; transition:border-color .2s, box-shadow .2s !important; }
#order-standard_cart .products .product:hover { border-color:var(--v6-mint) !important; box-shadow:0 8px 24px -12px rgba(11,27,51,.25) !important; }
#order-standard_cart .products .product header { background:var(--v6-ink) !important; border-bottom:0 !important; padding:14px 18px !important; }
#order-standard_cart .products .product header span { color:#fff !important; font-weight:700 !important; font-size:17px !important; }
#order-standard_cart .products .product header .qty { color:#93A3BB !important; font-style:normal !important; }
#order-standard_cart .products .product .product-pricing span.price { font-size:26px !important; font-weight:800 !important; color:var(--v6-ink) !important; letter-spacing:-.02em !important; }
#order-standard_cart .products .product .product-pricing .btn-order-now { border-radius:10px !important; padding:8px 18px !important; }
ul.v6spec { list-style:none; margin:4px 0 0; padding:0; }
ul.v6spec li { position:relative; padding:5px 0 5px 22px; font-size:14px; color:#22324D; border-bottom:1px dashed #E3E8F0; }
ul.v6spec li:last-child { border-bottom:0; }
ul.v6spec li::before { content:""; position:absolute; left:2px; top:11px; width:10px; height:6px; border-left:2px solid var(--v6-mint); border-bottom:2px solid var(--v6-mint); transform:rotate(-45deg); }
ul.v6spec li b { color:var(--v6-ink); }
/* ---- 手机适配（11-02，用户：很多客户手机下单）。只在 <768px 生效，桌面不变 ---- */
@media (max-width: 767.98px) {
  /* 页头：logo 缩小，和购物车/菜单按钮同一行（原来 logo 60px 高、按钮掉到第二行，页头 126px） */
  .header .navbar-light > .container { flex-wrap: nowrap !important; align-items: center; }
  .header .navbar-light .navbar-brand { margin-right: auto !important; padding: 6px 0; }
  .header .logo-img { max-height: 30px !important; width: auto !important; height: auto !important; }
  .header .navbar-light > .container > form.form-inline { display: none !important; }
  .header .navbar-light .toolbar { flex-direction: row !important; margin-left: 8px; }
  .header .navbar-light .toolbar .nav-item { margin-left: 8px !important; }
  /* 商城：「分类/动作」侧栏在手机上排在商品前面、把商品挤出第一屏 → 隐藏（菜单里仍可进购物车） */
  #order-standard_cart .sidebar-collapsed { display: none !important; }
  #order-standard_cart .header-lined h1 { font-size: 24px !important; line-height: 1.3; }
  #order-standard_cart > .alert { font-size: 14px; padding: 10px 14px; }
  /* 商品卡片：配置占满整行，价格 + 购买按钮放卡片底部一行，按钮加大 */
  #order-standard_cart .products .product .product-desc,
  #order-standard_cart .products .product footer { float: none !important; width: 100% !important; }
  #order-standard_cart .products .product .product-desc { padding: 12px 18px 4px !important; }
  #order-standard_cart .products .product footer { display: flex !important; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 18px 16px !important; border-top: 1px solid #E3E8F0; text-align: left !important; margin: 0 !important; }
  #order-standard_cart .products .product .product-pricing { text-align: left !important; margin: 0 !important; }
  #order-standard_cart .products .product .product-pricing span.price { font-size: 24px !important; }
  #order-standard_cart .products .product footer .btn-order-now { padding: 12px 22px !important; font-size: 16px !important; min-width: 128px; }
  /* iPhone：输入框字号 <16px 时点进去 Safari 会自动放大页面 */
  .form-control, .custom-select, select, textarea, input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number] { font-size: 16px !important; }
  /* 主要按钮手指好点 */
  .btn-lg, .btn-checkout, #btnCompleteOrder, .btn-primary { min-height: 44px; }
}