/* Modern Bright UI override - 2026 */
:root{
  --bg:#fff5f5;
  --bg-soft:#fff0f0;
  --surface:#ffffff;
  --surface-2:#fffafa;
  --primary:#d71920;
  --primary-2:#ff5a5f;
  --accent:#ffb3b6;
  --success:#16a36a;
  --text:#2d1b1d;
  --muted:#7a6063;
  --line:#f0d5d7;
  --shadow:0 14px 38px rgba(145,24,31,.13);
  --shadow-soft:0 8px 24px rgba(145,24,31,.09);
  --radius:18px;
}
html{background:var(--bg)}
body.tltd-main-site,body.subpage{
  color:var(--text);
  background:
    radial-gradient(circle at 8% 0%,rgba(255,84,90,.14),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(215,25,32,.08),transparent 24%),
    linear-gradient(180deg,#fffafa 0%,#edf5ff 55%,#fffafa 100%)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
body.tltd-main-site a,body.subpage a{transition:.22s ease}
.wrap{width:min(1320px,calc(100% - 40px))}

/* Header */
.site-header,.site-header.sub-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(205,222,242,.9)!important;
  box-shadow:0 8px 28px rgba(145,24,31,.10)!important;
  backdrop-filter:blur(14px);
}
.header-inner{min-height:76px;grid-template-columns:260px minmax(0,1fr) 140px 46px;gap:10px}
.brand img{max-width:245px;max-height:66px;filter:drop-shadow(0 5px 10px rgba(145,24,31,.14))}
.main-nav{gap:4px}
.main-nav a{
  min-height:76px!important;padding:0 14px!important;color:#5d4144!important;
  font-size:14px!important;font-weight:750!important;border:0!important;border-radius:12px;
  text-transform:none!important;
}
.main-nav a:hover,.main-nav a.active{
  color:var(--primary)!important;background:#ffe9ea!important;
  box-shadow:inset 0 -3px 0 var(--primary)!important;
}
.login-link{
  justify-content:center!important;padding:11px 14px;border-radius:12px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff!important;
  box-shadow:0 8px 20px rgba(215,25,32,.24);font-size:13px;
}
.nav-toggle{border:1px solid var(--line)!important;background:#fff!important;color:var(--primary)!important;border-radius:12px!important}

/* Hero */
.hero{
  min-height:560px!important;padding:28px 0 44px!important;
  border-bottom:0!important;background-position:center 22%!important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(255,248,248,.94) 0%,rgba(255,248,248,.50) 42%,rgba(255,248,248,.18) 68%,rgba(255,248,248,.68) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,239,240,.94))!important;
}
.hero-mask{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,238,239,.86))!important}
.hero-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:34px!important;align-items:center!important;min-height:480px}
.hero-title{min-height:470px!important}
.side-panel,.wuxia-panel,.wuxia-panel-v6{
  border:1px solid rgba(199,218,239,.95)!important;border-radius:22px!important;
  background:rgba(255,255,255,.90)!important;box-shadow:var(--shadow)!important;
  backdrop-filter:blur(12px);padding:16px!important;color:var(--text)!important;overflow:hidden;
}
.wuxia-corner,.panel-aura,.panel-fire,.panel-spark,.btn-flame{display:none!important}
.wuxia-ribbon,.effect-ribbon{
  color:var(--text)!important;background:transparent!important;border:0!important;
  font-size:18px!important;font-weight:800!important;text-align:left!important;padding:4px 4px 12px!important;
}
.panel-divider{border-color:var(--line)!important;color:var(--muted)!important}
.panel-divider span{background:#fff!important;color:var(--muted)!important}
.wuxia-social,.social{
  border:1px solid var(--line)!important;border-radius:14px!important;background:#f7fbff!important;
  color:var(--text)!important;box-shadow:none!important;margin-bottom:9px!important;
}
.wuxia-social:hover,.social:hover{transform:translateY(-2px);border-color:#f3a4a8!important;box-shadow:var(--shadow-soft)!important}
.social-icon{background:#ffe3e5!important;color:var(--primary)!important;border:0!important}
.social-text b{color:var(--text)!important}.social-text small{color:var(--muted)!important}.social-arrow{color:var(--primary)!important}
.download-square-btn{
  border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--primary),#ef3b42)!important;
  box-shadow:0 14px 28px rgba(215,25,32,.24)!important;color:#fff!important;
}
.download-square-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}

/* Home cards */
.top-actions{margin-top:-46px!important;position:relative;z-index:5}
.action-card,.wuxia-card,.panel,.news-panel,.event-panel,.guide-panel{
  border:1px solid var(--line)!important;border-radius:var(--radius)!important;
  background:rgba(255,255,255,.96)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;
}
.action-card{overflow:hidden!important}
.card-particle,.card-inner:before,.action-card:before,.panel:before{display:none!important}
.card-crest{background:#ffe9ea!important;color:var(--primary)!important;border:0!important;box-shadow:none!important}
.action-card h3,.panel-head h3{color:var(--text)!important;text-shadow:none!important}
.card-kicker{color:var(--primary)!important}.card-subtitle{color:var(--muted)!important}
.action-buttons{gap:10px!important}
.cta-btn{
  border:1px solid var(--line)!important;border-radius:13px!important;background:#fff6f6!important;
  color:var(--text)!important;box-shadow:none!important;
}
.cta-btn:hover{border-color:#ef9da1!important;background:#ffe9ea!important;transform:translateY(-2px)}
.cta-btn .btn-icon{color:var(--primary)!important}.cta-btn small{color:var(--muted)!important}
.content-grid{gap:18px!important;margin-top:22px!important}
.panel-head{
  background:linear-gradient(90deg,#fff0f0,#fff)!important;border-bottom:1px solid var(--line)!important;
  border-radius:18px 18px 0 0!important;
}
.panel-head a{color:var(--primary)!important}
.news-list li,.guide-list li{border-color:#f7e8e9!important}
.news-list a,.guide-list a,.news-list strong,.guide-list strong{color:var(--text)!important}
.news-list span,.guide-list span,.news-list p,.guide-list p{color:var(--muted)!important}
.news-list img{border-radius:12px!important}
.event-highlight,.event-card{border-radius:14px!important;overflow:hidden}

/* Subpages */
.page-main{background:transparent!important}
.page-hero{
  min-height:260px!important;padding:72px 0 54px!important;background-position:center 28%!important;
  border-bottom:0!important;
}
.page-hero-mask{background:linear-gradient(90deg,rgba(255,243,244,.95),rgba(255,243,244,.60),rgba(255,243,244,.28))!important}
.page-hero h1{color:#7f171b!important;text-shadow:none!important;font-size:clamp(34px,5vw,54px)!important}
.page-hero p{color:#76575a!important;text-shadow:none!important}
.page-content{margin-top:-34px!important;position:relative;z-index:3}
.content-card,.article-card,.form-card,.account-card,.download-box,.faq-item,.info-box,.table-card,
.page-content>section,.page-content>article,.page-content>.panel{
  background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;
  border-radius:18px!important;box-shadow:var(--shadow-soft)!important;
}
.page-content h1,.page-content h2,.page-content h3,.page-content h4{color:#8b1c21!important;text-shadow:none!important}
.page-content p,.page-content li,.page-content label,.page-content td{color:#5f4749!important}
.page-content input,.page-content select,.page-content textarea{
  background:#fff!important;color:var(--text)!important;border:1px solid #e6c7c9!important;
  border-radius:10px!important;box-shadow:none!important;
}
.page-content input:focus,.page-content select:focus,.page-content textarea:focus{border-color:var(--primary)!important;outline:3px solid rgba(215,25,32,.10)!important}
button,.btn,.button,input[type=submit]{border-radius:11px}
.page-content button,.page-content .btn,.page-content input[type=submit]{
  background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;
  border:0!important;box-shadow:0 8px 18px rgba(215,25,32,.20)!important;
}
table{border-color:var(--line)!important}th{background:#fff0f0!important;color:#8a2529!important}td{border-color:#f2dcde!important}

/* Footer */
.site-footer{
  background:#fff!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;
  box-shadow:0 -8px 30px rgba(125,20,26,.06)!important;
}
.site-footer h4{color:var(--text)!important}.site-footer a{color:#79595c!important}.site-footer a:hover{color:var(--primary)!important}
.footer-logo{filter:drop-shadow(0 6px 12px rgba(125,20,26,.10))}
.icons a{background:#ffe9ea!important;color:var(--primary)!important;border-color:#f1c8cb!important}

/* Support chat */
.tltd-support-toggle{
  border:0!important;background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;
  color:#fff!important;box-shadow:0 12px 28px rgba(215,25,32,.28)!important;text-transform:none!important;
}
.tltd-support-box{
  border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 22px 55px rgba(125,20,26,.20)!important;color:var(--text)!important;overflow:hidden;
}
.tltd-support-head{background:linear-gradient(135deg,#edf6ff,#fff)!important;border-color:var(--line)!important}
.tltd-support-head strong{color:#8b1c21!important}.tltd-support-head span{color:var(--muted)!important}
.tltd-support-close{border:1px solid var(--line)!important;background:#fff!important;color:var(--primary)!important;border-radius:9px!important}
.tltd-support-msg{background:#f4f8fd!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:10px!important}
.tltd-support-msg.admin{background:#ffe9ea!important;border-color:#f1b9bc!important}.tltd-support-msg b{color:#8b1c21!important}.tltd-support-msg small{color:var(--muted)!important}
.tltd-support-empty,.support-account{color:var(--muted)!important}.tltd-support-box textarea{background:#fff!important;color:var(--text)!important;border-color:#e6c7c9!important;border-radius:10px!important}
.tltd-support-submit,.tltd-support-login{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;border:0!important;color:#fff!important;border-radius:10px!important;text-transform:none!important}

@media(max-width:1100px){
 .header-inner{grid-template-columns:220px 1fr 46px}.login-link{display:none}.main-nav{display:none}.main-nav.open{background:#fff!important;box-shadow:var(--shadow)!important;border-bottom:1px solid var(--line)!important}.main-nav.open a{min-height:48px!important;color:var(--text)!important}.nav-toggle{display:block!important}
 .hero-grid{grid-template-columns:1fr!important}.side-panel{max-width:420px;margin-left:auto}.top-actions{margin-top:-24px!important}
}
@media(max-width:760px){
 .wrap{width:min(100% - 24px,1320px)}.header-inner{min-height:68px;grid-template-columns:1fr 44px}.brand img{max-width:205px}.hero{min-height:auto!important;padding-top:14px!important}.hero-grid{min-height:auto}.hero-title{display:none!important}.side-panel{margin:0 auto;width:100%;max-width:390px}.top-actions{margin-top:16px!important}.content-grid{grid-template-columns:1fr!important}.page-hero{min-height:220px!important;padding:54px 0 45px!important}.page-content{margin-top:-20px!important}
}

/* Home lower sections - synchronized bright design - 2026-07-20 */
body.tltd-main-site main{
  background:linear-gradient(180deg,#fff0f0 0,#fffafa 24%,#ffffff 100%)!important;
}
body.tltd-main-site .top-actions{
  align-items:stretch!important;
}
body.tltd-main-site .top-actions .action-card{
  min-height:282px!important;
  border:1px solid #efd4d6!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,255,.98))!important;
  box-shadow:0 16px 38px rgba(145,24,31,.12)!important;
  isolation:isolate;
}
body.tltd-main-site .top-actions .action-card::after{
  content:"";
  position:absolute;
  inset:auto -45px -70px auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(215,25,32,.14),rgba(215,25,32,0) 70%);
  z-index:-1;
  pointer-events:none;
}
body.tltd-main-site .top-actions .card-inner{
  position:relative!important;
  z-index:2!important;
  min-height:100%!important;
  padding:30px 28px 24px!important;
  background:transparent!important;
  text-align:left!important;
}
body.tltd-main-site .top-actions .card-crest{
  width:52px!important;
  height:52px!important;
  margin:0 0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#ffe5e7,#fff)!important;
  color:#d71920!important;
  box-shadow:0 8px 20px rgba(215,25,32,.13)!important;
  font-size:23px!important;
}
body.tltd-main-site .top-actions .action-card h3{
  margin:0!important;
  color:#7f171b!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.5px!important;
  text-shadow:none!important;
  text-transform:none!important;
}
body.tltd-main-site .top-actions .card-kicker{
  display:block!important;
  margin-top:7px!important;
  color:#d71920!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.65px!important;
}
body.tltd-main-site .top-actions .card-subtitle{
  min-height:42px!important;
  margin:10px 0 19px!important;
  color:#76575a!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-shadow:none!important;
}
body.tltd-main-site .top-actions .action-buttons{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
body.tltd-main-site .top-actions .cta-btn{
  min-height:58px!important;
  padding:10px 12px!important;
  border:1px solid #d6e5f5!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#203854!important;
  box-shadow:0 6px 15px rgba(32,91,151,.07)!important;
}
body.tltd-main-site .top-actions .cta-btn:hover{
  border-color:#83bdff!important;
  background:#edf6ff!important;
  box-shadow:0 10px 22px rgba(22,119,255,.12)!important;
}
body.tltd-main-site .top-actions .cta-btn .btn-icon{
  background:#e9f4ff!important;
  color:#d71920!important;
  border:0!important;
  box-shadow:none!important;
}
body.tltd-main-site .top-actions .cta-btn b{color:#243a58!important;text-shadow:none!important}
body.tltd-main-site .top-actions .cta-btn small{color:#7b8aa1!important;text-shadow:none!important}

body.tltd-main-site .content-grid{
  margin-top:24px!important;
  align-items:stretch!important;
}
body.tltd-main-site .content-grid>.panel{
  min-height:390px!important;
  border:1px solid #d9e6f4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(34,83,133,.10)!important;
  overflow:hidden!important;
}
body.tltd-main-site .content-grid>.panel::before,
body.tltd-main-site .content-grid>.panel::after{display:none!important}
body.tltd-main-site .content-grid .panel-head{
  min-height:58px!important;
  padding:0 18px!important;
  background:linear-gradient(90deg,#edf6ff,#fff)!important;
  border-bottom:1px solid #dce8f5!important;
}
body.tltd-main-site .content-grid .panel-head h3{
  color:#173b68!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:850!important;
  letter-spacing:.1px!important;
  text-shadow:none!important;
}
body.tltd-main-site .content-grid .panel-head a{
  color:#d71920!important;
  font-size:11px!important;
  font-weight:800!important;
  text-shadow:none!important;
}
body.tltd-main-site .news-panel .news-list,
body.tltd-main-site .event-panel .event-list{
  background:#fff!important;
  padding:7px 16px 12px!important;
}
body.tltd-main-site .news-panel .news-list li,
body.tltd-main-site .event-panel .event-list li{
  border-bottom:1px solid #e8eff7!important;
  background:transparent!important;
}
body.tltd-main-site .news-panel .news-list li:hover,
body.tltd-main-site .event-panel .event-list li:hover{background:#f7fbff!important}
body.tltd-main-site .news-panel .news-list a,
body.tltd-main-site .event-panel .event-list a{
  color:#30445f!important;
  text-shadow:none!important;
}
body.tltd-main-site .news-panel .news-list a:hover,
body.tltd-main-site .event-panel .event-list a:hover{color:#d71920!important}
body.tltd-main-site .news-panel .news-list span,
body.tltd-main-site .event-panel .event-list span{color:#8190a5!important;text-shadow:none!important}
body.tltd-main-site .news-panel .news-list img{
  border:1px solid #d9e7f5!important;
  box-shadow:none!important;
}
body.tltd-main-site .news-panel .news-list a em{
  background:#ff5a6f!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
body.tltd-main-site .video-panel{padding-bottom:13px!important}
body.tltd-main-site .video-panel .video-thumb{
  margin:12px!important;
  border:1px solid #d8e7f6!important;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.tltd-main-site .video-panel .video-thumb::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,58,103,.04),rgba(12,58,103,.24));
}
body.tltd-main-site .video-panel .video-thumb span{
  z-index:2!important;
  background:#fff!important;
  color:#d71920!important;
  border:2px solid #bcdcff!important;
  box-shadow:0 10px 28px rgba(18,76,134,.18)!important;
}
body.tltd-main-site .video-panel .video-mini{margin:0 12px!important;gap:8px!important;background:#fff!important}
body.tltd-main-site .video-panel .video-mini img{
  border:1px solid #d8e6f4!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
body.tltd-main-site .event-panel .event-main{
  margin:12px!important;
  min-height:170px!important;
  border:1px solid #cfe1f3!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.tltd-main-site .event-panel .event-main::before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,38,72,.82),rgba(8,38,72,.20));
}
body.tltd-main-site .event-panel .event-main strong,
body.tltd-main-site .event-panel .event-main span,
body.tltd-main-site .event-panel .event-main em{position:relative;z-index:2;text-shadow:0 2px 7px rgba(0,0,0,.38)!important}
body.tltd-main-site .event-panel .event-main strong{color:#fff!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body.tltd-main-site .event-panel .event-main span{color:#ffe9ea!important}
body.tltd-main-site .event-panel .event-main em{color:#ffd574!important}

body.tltd-main-site .features{
  margin-top:24px!important;
  margin-bottom:38px!important;
  border:1px solid #d9e7f5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(35,82,132,.09)!important;
  overflow:hidden!important;
}
body.tltd-main-site .features>div{
  min-height:105px!important;
  padding:21px 14px!important;
  border-right:1px solid #e4edf7!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
}
body.tltd-main-site .features>div:hover{background:#edf6ff!important}
body.tltd-main-site .features strong{
  color:#20466f!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  text-shadow:none!important;
}
body.tltd-main-site .features span{color:#77879d!important;text-shadow:none!important}

@media(max-width:760px){
  body.tltd-main-site .top-actions .card-inner{padding:23px 20px!important}
  body.tltd-main-site .top-actions .action-buttons{grid-template-columns:1fr!important}
  body.tltd-main-site .content-grid>.panel{min-height:auto!important}
  body.tltd-main-site .features>div{border-right:0!important;border-bottom:1px solid #e4edf7!important}
}


/* RED WHITE GLOBAL THEME - all frontend pages */
:root{--primary:#d71920;--primary-2:#ff5158;--accent:#a90f15;--bg:#fff5f5;--bg-soft:#fff0f0;--surface:#fff;--surface-2:#fffafa;--text:#2d1b1d;--muted:#765b5e;--line:#efd4d6}
body,body.tltd-main-site,body.subpage{background:linear-gradient(180deg,#fffafa 0%,#fff1f2 48%,#ffffff 100%)!important;color:#2d1b1d!important}
.site-header,.site-header.sub-header{background:rgba(255,255,255,.96)!important;border-bottom:2px solid #d71920!important;box-shadow:0 8px 28px rgba(145,24,31,.12)!important}
.main-nav a:hover,.main-nav a.active{color:#d71920!important;background:#ffe9ea!important;box-shadow:inset 0 -3px 0 #d71920!important}
.login-link,.download-square-btn,.page-content button,.page-content .btn,.page-content input[type=submit],.tltd-support-toggle,.tltd-support-submit,.tltd-support-login{background:linear-gradient(135deg,#b90f16,#ef3b42)!important;box-shadow:0 10px 22px rgba(185,15,22,.22)!important}
.card-crest,.social-icon,.cta-btn .btn-icon,.panel-head a,.site-footer a:hover,.icons a{color:#d71920!important}
.action-card,.wuxia-card,.panel,.news-panel,.event-panel,.guide-panel,.content-card,.article-card,.form-card,.account-card,.download-box,.faq-item,.info-box,.table-card,.page-content>section,.page-content>article,.page-content>.panel{border-color:#efd4d6!important;background:#fff!important;box-shadow:0 12px 30px rgba(145,24,31,.09)!important}
.panel-head{background:linear-gradient(90deg,#fff0f0,#fff)!important;border-bottom-color:#efd4d6!important}
.page-hero-mask{background:linear-gradient(90deg,rgba(255,246,246,.97),rgba(255,246,246,.66),rgba(255,246,246,.30))!important}
.page-hero h1,.page-content h1,.page-content h2,.page-content h3,.page-content h4,.tltd-support-head strong{color:#8b1c21!important}
.page-content input:focus,.page-content select:focus,.page-content textarea:focus{border-color:#d71920!important;outline:3px solid rgba(215,25,32,.10)!important}
th{background:#fff0f0!important;color:#8a2529!important}
.site-footer{border-top:2px solid #d71920!important;background:#fff!important}
.tltd-support-head{background:linear-gradient(135deg,#fff0f0,#fff)!important}
.tltd-support-msg.admin{background:#ffe9ea!important;border-color:#f1b9bc!important}
body.tltd-main-site main{background:linear-gradient(180deg,#fff0f0 0,#fffafa 24%,#fff 100%)!important}
body.tltd-main-site .top-actions .action-card{border-color:#efd4d6!important;background:linear-gradient(145deg,#fff,#fff4f4)!important}
body.tltd-main-site .top-actions .card-crest{background:linear-gradient(145deg,#ffe5e7,#fff)!important;color:#d71920!important}
body.tltd-main-site .top-actions .action-card h3{color:#7f171b!important}
body.tltd-main-site .top-actions .card-kicker{color:#d71920!important}
.badge,.hot,.tag-hot,.news-hot{background:#d71920!important;color:#fff!important;border-color:#d71920!important}
.pagination a:hover,.pagination .active{background:#d71920!important;color:#fff!important;border-color:#d71920!important}

/* Mobile account buttons */
.mobile-auth-actions{display:none}
@media(max-width:980px){
  .mobile-auth-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:8px;
    padding-top:12px;
    border-top:1px solid #f1c9cc;
  }
  .main-nav .mobile-auth-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:14px!important;
    font-weight:900!important;
    text-transform:uppercase;
    letter-spacing:.02em;
    box-shadow:none!important;
  }
  .main-nav .mobile-register-btn,
  .main-nav .mobile-account-btn{
    color:#b90f16!important;
    background:#fff!important;
    border:1px solid #d91f2d!important;
  }
  .main-nav .mobile-login-btn,
  .main-nav .mobile-logout-btn{
    color:#fff!important;
    background:linear-gradient(135deg,#b90f16,#ef3b42)!important;
    border:1px solid #b90f16!important;
  }
}
@media(max-width:420px){
  .mobile-auth-actions{grid-template-columns:1fr}
}


/* Mobile auth top bar - prominent, high contrast */
.mobile-auth-topbar{display:none}
@media(max-width:980px){
  .site-header,.site-header.sub-header{position:relative!important;z-index:1002!important}
  .mobile-auth-topbar{
    position:sticky;
    top:0;
    z-index:1001;
    display:grid;
    grid-template-columns:1.25fr 1fr;
    gap:10px;
    padding:10px max(14px,calc((100vw - 1160px)/2));
    background:rgba(255,255,255,.98);
    border-top:1px solid #f6d8da;
    border-bottom:2px solid #d71920;
    box-shadow:0 10px 24px rgba(91,14,20,.18);
    backdrop-filter:blur(10px);
  }
  .mobile-auth-topbar a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 14px;
    border-radius:12px;
    text-decoration:none!important;
    font-size:14px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.025em;
  }
  .mobile-auth-topbar .mobile-register-btn,
  .mobile-auth-topbar .mobile-account-btn{
    color:#fff!important;
    background:linear-gradient(135deg,#a80d14,#ef3b42)!important;
    border:1px solid #8f0d13!important;
    box-shadow:0 8px 18px rgba(185,15,22,.28)!important;
  }
  .mobile-auth-topbar .mobile-login-btn,
  .mobile-auth-topbar .mobile-logout-btn{
    color:#8f0d13!important;
    background:#fff!important;
    border:2px solid #c81923!important;
    box-shadow:0 6px 14px rgba(117,16,22,.10)!important;
  }
  /* The account actions are now visible above; avoid duplication inside the dropdown. */
  .main-nav .mobile-auth-actions{display:none!important}
  .main-nav{background:#fff!important;color:#3f2326!important}
  .main-nav>a{color:#3f2326!important;background:#fff!important}
  .main-nav>a:hover,.main-nav>a.active{color:#a80d14!important;background:#fff0f1!important}
  .nav-toggle{color:#fff!important;background:#b90f16!important;border:1px solid #8f0d13!important}
  .page-content,.page-content p,.page-content li,.page-content label{color:#3d292b!important}
  .page-content small,.page-content .muted,.page-content .note{color:#6f5558!important}
  .page-content input,.page-content select,.page-content textarea{color:#2d1d1f!important;background:#fff!important;border-color:#d8b9bc!important}
  .page-content input::placeholder,.page-content textarea::placeholder{color:#80696c!important;opacity:1}
}
@media(max-width:420px){
  .mobile-auth-topbar{grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px}
  .mobile-auth-topbar a{min-height:44px;padding:0 8px;font-size:12px}
}