/* ══════════════════════════════════════
   Traderfx — shared layout (uses the original tokens only)
══════════════════════════════════════ */
.gold-text{background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;left:12px;top:12px;z-index:10000;background:var(--gold);color:var(--dark);padding:8px 16px;border-radius:8px}
a{color:var(--gold-light)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
img{max-width:100%;height:auto}

.tfx-container{max-width:var(--aria-container);margin:0 auto;padding:0 24px}
.tfx-narrow{max-width:820px}
.tfx-page{padding:calc(var(--aria-nav-height) + 56px) 0 90px;min-height:70vh}
.tfx-page-title{font-size:clamp(30px,5vw,48px);font-weight:900;letter-spacing:-1.5px;margin-bottom:28px}
.tfx-muted{color:var(--white-dim);font-size:13px}
.tfx-section-sub{color:var(--white-dim);max-width:640px;margin:-28px 0 48px;font-size:15px}

/* nav additions */
.nav-brand{text-decoration:none;display:flex;align-items:center}
.nav-tools{display:flex;align-items:center;gap:10px}
.nav-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(var(--gold-rgb),.15);color:var(--white-dim);transition:.2s}
.nav-icon:hover{color:var(--gold);border-color:rgba(var(--gold-rgb),.4)}
.nav-icon svg{width:18px;height:18px}
.nav-cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:var(--dark);font-size:10px;font-weight:800;line-height:18px;text-align:center}
.nav-tools .nav-cta{font-size:12px;text-decoration:none;letter-spacing:1px}
.nav-burger{display:none;width:38px;height:38px;border:1px solid rgba(var(--gold-rgb),.2);border-radius:10px;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-burger span{display:block;width:16px;height:1.5px;background:var(--gold);transition:.25s}
.nav-burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
@media(max-width:980px){
  .nav-burger{display:flex}
  .nav-tools .nav-cta{display:none}
  #nav .nav-links{display:none;position:fixed;top:var(--aria-nav-height);left:0;right:0;flex-direction:column;gap:0;background:rgba(var(--dark-rgb),.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--gold-rgb),.15);padding:10px 20px 20px}
  #nav .nav-links.is-open{display:flex}
  #nav .nav-links a{display:block;padding:14px 4px;font-size:14px;border-bottom:1px solid var(--white-faint)}
}

/* hero tweaks */
.tfx-hero-title{max-width:1000px}
.tfx-hero-lead{max-width:640px;margin:8px auto 40px;color:var(--white-dim);font-size:clamp(15px,1.8vw,18px);line-height:1.75;animation:fade-in-down .9s .2s ease both}
.tfx-hero-numbers{margin:52px 0 0}

/* checks */
.tfx-checks{list-style:none;display:flex;flex-direction:column;gap:9px;margin:4px 0 22px}
.tfx-checks li{position:relative;padding-left:26px;font-size:13px;color:var(--white-dim);line-height:1.6}
.tfx-checks li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--green-dim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232ECC71' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}

/* gold stars (static) */
.tfx-stars{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.tfx-stars svg{width:14px;height:14px;margin-right:1px}
.tfx-stars-base svg{fill:rgba(var(--white-rgb),.12)}
.tfx-stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap}
.tfx-stars-fill svg{fill:var(--gold)}

/* Trust green squares (shared: strip + reviews page) */
.tfx-tp-stars{display:inline-flex;gap:3px;vertical-align:middle}
.tfx-tp-star{--fill:100%;width:22px;height:22px;display:grid;place-items:center;border-radius:3px;background:linear-gradient(90deg,var(--tp-green) var(--fill),rgba(var(--white-rgb),.12) var(--fill))}
.tfx-tp-star svg{width:15px;height:15px;fill:#fff}
.tfx-tp-stars.is-lg .tfx-tp-star{width:30px;height:30px}
.tfx-tp-stars.is-lg svg{width:20px;height:20px}

/* pagination */
.tfx-pagination{display:flex;justify-content:center;gap:8px;margin:48px 0 0;flex-wrap:wrap}
.tfx-pagination .page-numbers{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--white-faint);color:var(--white-dim);text-decoration:none;font-size:13px}
.tfx-pagination .page-numbers.current,.tfx-pagination .page-numbers:hover{border-color:var(--gold);color:var(--gold)}

/* breadcrumbs */
.tfx-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:rgba(var(--white-rgb),.4);margin-bottom:18px}
.tfx-crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.tfx-crumbs a{color:rgba(var(--white-rgb),.55);text-decoration:none}
.tfx-crumbs a:hover{color:var(--gold)}

/* status pills (account + tickets) */
.tfx-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;background:var(--white-faint);color:var(--white-dim);white-space:nowrap}
.tfx-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tfx-status.is-open,.tfx-status.is-customer,.tfx-status.is-pending,.tfx-status.is-on-hold{background:rgba(var(--gold-rgb),.12);color:var(--gold-light)}
.tfx-status.is-answered,.tfx-status.is-completed,.tfx-status.is-processing{background:var(--green-dim);color:var(--green)}
.tfx-status.is-closed,.tfx-status.is-cancelled,.tfx-status.is-failed,.tfx-status.is-refunded{background:rgba(var(--white-rgb),.06);color:rgba(var(--white-rgb),.45)}

/* forms */
.tfx-page input[type=text],.tfx-page input[type=email],.tfx-page input[type=password],.tfx-page input[type=tel],.tfx-page input[type=number],.tfx-page input[type=search],.tfx-page select,.tfx-page textarea,
.tfx-tp input[type=text],.tfx-tp input[type=email],.tfx-tp input[type=url],.tfx-tp select,.tfx-tp textarea,
.tfx-comments input[type=text],.tfx-comments input[type=email],.tfx-comments input[type=url],.tfx-comments textarea{
  width:100%;background:var(--dark3);border:1px solid rgba(var(--white-rgb),.1);color:var(--white);border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s}
.tfx-page input:focus,.tfx-page select:focus,.tfx-page textarea:focus,.tfx-tp input:focus,.tfx-tp textarea:focus,.tfx-tp select:focus,.tfx-comments input:focus,.tfx-comments textarea:focus{outline:none;border-color:rgba(var(--gold-rgb),.6)}
.tfx-page label,.tfx-tp label,.tfx-comments label{display:block;font-size:12px;font-weight:600;color:var(--white-dim);margin-bottom:6px;letter-spacing:.3px}
button.btn-primary,button.btn-secondary,input.btn-primary{border:none;cursor:pointer}

/* empty */
.tfx-acc-empty{text-align:center;padding:48px 24px;border:1px dashed rgba(var(--gold-rgb),.2);border-radius:var(--aria-card-radius);color:var(--white-dim)}
.tfx-acc-empty svg{width:34px;height:34px;color:var(--gold);margin-bottom:10px}

/* footer */
.cta-final-note{margin-top:28px;font-size:12px;color:rgba(var(--white-rgb),.3);letter-spacing:.5px}
.tfx-footer{display:block!important;padding:64px 24px 28px!important}
.tfx-footer-grid{max-width:var(--aria-container);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}
.tfx-footer-col h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.tfx-footer-col a{display:block;font-size:13px;color:var(--white-dim);text-decoration:none;padding:4px 0}
.tfx-footer-col a:hover{color:var(--gold)}
.tfx-footer .footer-note{margin-top:12px;max-width:none;font-size:12px;color:rgba(var(--white-rgb),.4)}
.tfx-social{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.tfx-social a{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--white-dim);text-decoration:none}
.tfx-social a:hover{color:var(--gold)}
.tfx-social svg{width:16px;height:16px;color:var(--gold)}
.tfx-pay-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.tfx-pay-pills span{font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:6px;border:1px solid rgba(var(--gold-rgb),.25);color:var(--gold-light)}
.tfx-footer-bottom{max-width:var(--aria-container);margin:48px auto 0;padding-top:22px;border-top:1px solid var(--white-faint);display:flex;flex-direction:column;gap:8px;font-size:11px;color:rgba(var(--white-rgb),.3)}
.tfx-risk{line-height:1.7}
@media(max-width:900px){.tfx-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tfx-footer-grid{grid-template-columns:1fr}.tfx-container{padding:0 16px}}

/* 404 */
.tfx-404 .hero-title{font-size:clamp(90px,18vw,180px)}

a.footer-credit{text-decoration:none;transition:opacity .2s}
a.footer-credit:hover{opacity:.75}

/* ── mobile footer: one column, left aligned ── */
@media(max-width:680px){
  .tfx-footer{padding:48px 16px 28px!important;text-align:left!important}
  .tfx-footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px;text-align:left}
  .tfx-footer-col,.tfx-footer-brand,.tfx-footer-bottom,.tfx-footer .footer-note{text-align:left!important;align-items:flex-start}
  .tfx-social{align-items:flex-start}
  .tfx-pay-pills{justify-content:flex-start}
}
html,body{max-width:100%;overflow-x:hidden}
.tfx-page .tfx-container,.tfx-container{min-width:0}