/* Football-ticket site theme overrides (brand colors provided) */
/* Color */

:root {
  --primary: #2530ca;
  /* 辅助色（白色） */
  --gold: #FFD700;
  /* 强调（黄金） */
  --text-main: #000000;
  /* 文字主色（黑色） */
  --text-muted: #333333;
  /* 文字辅助色（深灰） */
  --nav-bg: #E8F9EE;
  /* 导航浅绿色背景（用于顶部导航） */
  --surface: #FFFFFF;
  /* 卡片 / 面板 背景 */
  --primary-btn: #ff5000;
  --primary-secondary: #1E3A8A;
  /* 次深蓝 */
  --accent: #3B82F6;
  /* 强调蓝 */
  --success: #22C55E;
  /* 活力绿 */
  --warning: #F97316;
  /* 警示橙 */
  --vip: #CA8A04;
  /* 优雅金 */
  --error: #EF4444;
  /* 错误红 */
  --white: #fff;
  --gray-e: #E2E8F0;
  --gray-3: #1E293B;
  --gray-6: #475569;
  --gray-9: #94A3B8;
  --black: #000;

}

/* Page background and base text */
body {
  background-color: var(--white) !important;
  color: var(--text-main) !important;
}

/* Links */
a,
a:visited {
  color: var(--primary);
}

/* Top navigation / header */
header,
.siteheader,
.header,
.NavBar,
.NavBarBack,
.NavMin,
#siteheader {
  background-color: var(--nav-bg) !important;
  color: var(--white) !important;
}

.header a,
.NavBar a,
.NavBarBack a {
  color: var(--white) !important;
}

/* Ensure dropdowns / nav items readable */

.navbar,
.nav,
.topnav {
  background-color: transparent !important;
}

/* Buttons: default and primary CTA */
.btn,
button,
.button {
  background-color: var(--surface) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.btn-primary,
.btn-submit,
.primary,
.buy-now,
.cta {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  border-color: transparent !important;
}

/* Promote important CTA sizes */
.btn-primary.large,
.cta-large {
  padding: 12px 20px;
  font-weight: 700;
}

/* Promo / badge */
.badge,
.label,
.tag,
.promo {
  background-color: var(--gold) !important;
  color: var(--text-main) !important;
  font-weight: 700;
}

/* Cards / panels */
.panel,
.card,
.table,
table,
.card-item {
  background-color: var(--surface) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 1px 4px rgba(2, 6, 23, 0.04);
}

/* Spacing contrast: ensure background between cards */
.page,
.container,
.site-wrapper {
  background-color: var(--white) !important;
}

/* Forms and inputs */
input,
textarea,
select {
  background-color: var(--surface) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Error states */
.form-error,
.error,
.input-error,
.help-block.error {
  color: var(--error) !important;
}

.input-error,
input.error,
textarea.error {
  border-color: var(--error) !important;
}

/* Footer */
footer,
.sitefooter,
.Footer,
.FooterLogin {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* Utility classes */
.txt-muted {
  color: var(--text-muted) !important;
}

.bg-cta {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

.bg-brand {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* Hover / focus states */
.btn-primary:hover,
.btn:hover,
.cta:hover {
  opacity: 0.95;
}

a:hover {
  text-decoration: underline;
}

/* Specific selectors used across the site */
#sitefooter {
  background-color: var(--primary) !important;
}

.limited-offer,
.promo-tag {
  background-color: var(--gold) !important;
  color: var(--text-main) !important;
}

/* Countdown / important numbers */
.countdown,
.score,
.time-left {
  color: var(--gold) !important;
  font-weight: 800;
}

/* Ensure nav items contrast on light green */
.siteheader .nav-item,
.siteheader .nav-link {
  color: var(--white) !important;
}

.panel, .card, .table, table, .card-item{
  box-shadow: 0 1px 4px rgba(2, 6, 23, 0.1);
}
/* End football ticket theme overrides */
.nav_title{
  color: var(--white);
  font-size: 20px;
  padding: 8px;
  line-height: 2;
}
.chncapa-nav .pw-nav-right{
  background-color: var(--primary-secondary);
}
.chncapa-nav{
  background-color: var(--primary);
  height: 60px;
}
.footer{
  background-color: var(--gray-6);
}
.foot-subnav a{
  background:none;
  color: var(--white) !important;
}

.pw-logo-mid,.login-logo{
  background-image:url(/assets/images/logo_b.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 90px;
  height: 90px;
}
.chncapa-nav .inner{
  display: flex;
}
.chncapa-nav .inner .list{
  position: relative;
  top:5px
}
.footer{
  text-align: center;
  height: 100px;
  line-height: 2;
  color: #9f9f9f;
  padding-top: 10px;
}

.product-detail-hed ul li.on{border-bottom: 0 none;background: var(--primary-secondary);border: 1px solid var(--primary-secondary);}
.product-detail-hed{border-color: var(--primary-secondary);}
a.common-min-btn{background: var(--primary-btn);border-radius: 10px;}

.product-detail-hed ul li:first-child.on{
  border-radius: 0;
}
/*登录*/
.login-body{
  background: #f3f4f6;
}
.login-nav h1{
  font-size: 30px;
}
.login-common-inp{
  font-size: 18px;
}
a.login-submit-btn{
  font-size:20px;
  height: 48px;
  line-height: 48px;
  border-radius: 10px;
  background: var(--primary-btn);
}
a.login-submit-btn:hover,a.common-min-btn:hover{
  background: var(--primary-btn);
  opacity: 0.8;
  text-decoration: none;
}
.login-common-inp{
  height: 48px;
}
.login-container-left{
  left:0;
  top:0;
  height: 100%;
  border-radius: 15px 0 0 15px;
}
.login-container-left img{
  width: 150%;
}
.register-container{
  font-size: 16px;
}
.login-logo{
  margin-top: 6px;
}
.captchacode-wrap{
  display: flex;
}
/*用户中心*/
.center-container{
  font-size: 14px;
}
.confirm-account-pay strong{
  color: var(--warning);
  font-size: 32px;
}
.pay-order-info {
    padding: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border: 1px #eee solid;
    margin-top: 10px;
}

.btn-info, .btn-default, .yl-btn-blue,.yl-btn-blue:active{
  border-radius: 10px;
   background: var(--primary-btn);
}
.confirm-order-tab th{
  background: #fff0ea;
}
.confirm-title{
  font-size: 20px;
}
td.order-detail-seats span{
  font-size: 12px;
}
.breadcrumb{
  display: none;
}
.user-down{
  top:23px;
}
.user-phone-text{
  color: var(--white);
  padding: 3px;
}