:root{
  --ca-bg: #0b0b0b;
  --ca-surface: #121212;
  --ca-surface-2: #181818;
  --ca-border: #2a2a2a;
  --ca-text: #f2f2f2;
  --ca-muted: #b8b8b8;
  --ca-gold: #f0b90b;
  --ca-gold-2: #d8a100;
  --ca-shadow: 0 10px 30px rgba(0,0,0,.45);
  /* Tint legacy blue single-color icons to gold */
  --ca-gold-filter: invert(70%) sepia(92%) saturate(500%) hue-rotate(2deg) brightness(98%) contrast(98%);
}

html, body{
  background: radial-gradient(900px 600px at 20% 10%, rgba(240,185,11,.12) 0%, rgba(240,185,11,0) 60%),
              radial-gradient(900px 600px at 85% 55%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
              var(--ca-bg) !important;
  color: var(--ca-text) !important;
}

/* Mobile scroll + layout fixes (original theme sets `body{overflow:hidden}`) */
html{
  overflow-x: hidden !important;
}

body{
  overflow-x: hidden !important;
  overflow-y: auto !important;
  min-height: 100vh;
}

/* Mobile menu fixes */
header #topbar{
  position: relative;
  z-index: 10000;
}

header #topbar .sidemenu{
  z-index: 10001;
  height: calc(100vh - 70px) !important;
  max-width: 90vw;
}

header #topbar .sidemenu .panel-group .panel{
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

header #topbar .sidemenu .panel-group .panel-heading{
  background: transparent !important;
  border: none !important;
}

header #topbar .sidemenu .panel-group .panel-heading > .panel-title > a{
  color: var(--ca-text) !important;
}

header #topbar .sidemenu .panel-group .panel-heading.active > .panel-title > a{
  color: var(--ca-gold) !important;
}

header #topbar .sidemenu .panel-group .panel-body{
  background: transparent !important;
}

header #topbar .bars-btn-cnt .bars-btn li{
  background-color: var(--ca-gold) !important;
}

/* Desktop sub-menu hover stability + gold accents */
@media (min-width: 992px){
  .ca-nav{
    background: #000;
    position: relative;
    z-index: 10002;
  }

  .ca-nav__bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    height: 78px;
  }

  .ca-nav__brand{
    display: inline-flex;
    align-items: center;
    max-width: 240px;
  }

  .ca-nav__brand .logo{
    width: 100%;
    height: auto;
    max-width: 213px;
  }

  .ca-nav__menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .ca-nav__menu > li{
    margin: 0;
    padding: 0;
  }

  .ca-nav__menu > li > a{
    display: inline-block;
    padding: 10px 8px;
    color: var(--ca-gold) !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    font-weight: 500;
  }

  .ca-nav__menu > li > a.is-active{
    border-bottom-color: var(--ca-gold);
  }

  .ca-nav__menu > li > a:hover,
  .ca-nav__menu > li > a:focus{
    color: #ffd76b !important;
    border-bottom-color: rgba(240,185,11,.55);
  }

  .ca-mega{
    position: absolute;
    left: 50%;
    right: auto;
    top: 100%;
    background:
      radial-gradient(700px 220px at 20% 0%, rgba(240,185,11,.16) 0%, rgba(240,185,11,0) 60%),
      linear-gradient(180deg, rgba(18,18,18,.92) 0%, rgba(20,24,26,.98) 35%, rgba(20,24,26,.98) 100%);
    border: 1px solid rgba(255,255,255,.10);
    border-top-color: rgba(240,185,11,.22);
    box-shadow: 0 22px 60px rgba(0,0,0,.65);
    z-index: 10000;
    width: min(860px, calc(100vw - 24px));
    border-radius: 18px;
    opacity: 0;
    transform: translate3d(-50%, -6px, 0);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
  }

  .ca-mega--open{
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    pointer-events: auto;
  }

  .ca-mega[hidden]{
    display: none !important;
  }

  .ca-mega__inner{
    padding: 18px 0 20px;
  }

  .ca-pane{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 22px;
    padding: 0 18px;
  }

  .ca-pane[hidden]{
    display: none !important;
  }

  .ca-col{
    min-width: 0;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.06);
  }

  .ca-col__title{
    color: var(--ca-text);
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: .2px;
  }

  .ca-col a{
    display: block;
    padding: 8px 0 8px 14px;
    color: var(--ca-text) !important;
    text-decoration: none !important;
    opacity: .92;
    position: relative;
  }

  .ca-col a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 99px;
    transform: translateY(-50%);
    background: rgba(240,185,11,.55);
    box-shadow: 0 0 0 4px rgba(240,185,11,.08);
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  .ca-col a:hover,
  .ca-col a:focus{
    color: var(--ca-gold) !important;
    opacity: 1;
  }

  .ca-col a:hover::before,
  .ca-col a:focus::before{
    background: rgba(240,185,11,1);
    box-shadow: 0 0 0 6px rgba(240,185,11,.12);
    transform: translateY(-50%) scale(1.05);
  }
}

header #topbar .sidemenu .panel-group .panel-heading > .panel-title > a:before{
  color: var(--ca-gold) !important;
}

header #topbar .sidemenu .panel-group .panel-heading > .panel-title > a:not([data-toggle="collapse"]):before{
  content: none !important;
}

/* Kill remaining dark-blue legacy sections */
[style*="background-color:#030c20"],
[style*="background-color: #030c20"]{
  background-color: #000 !important;
  color: var(--ca-text) !important;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  color: var(--ca-text) !important;
}

p, li, small, .text-muted{
  color: var(--ca-muted);
}

a, a:visited{
  color: var(--ca-gold) !important;
}

a:hover, a:focus{
  color: #ffd76b !important;
}

/* Ensure button-like links keep readable text (some templates set links to gold globally) */
a.btn,
a.btn:visited,
a.btn-primary,
a.btn-primary:visited,
a.btn-info,
a.btn-info:visited,
a.btn-success,
a.btn-success:visited,
a.btn-warning,
a.btn-warning:visited,
a.btn-open,
a.btn-open:visited,
a.btn-nav,
a.btn-nav:visited,
a.open-account,
a.open-account:visited{
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
}

/* Header "Sign up" button uses .btn-nav-demo in this template */
.btn-nav-demo,
a.btn-nav-demo,
a.btn-nav-demo:visited{
  background: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
  font-weight: 700;
  text-decoration: none !important;
}

.btn-nav-demo:hover,
.btn-nav-demo:focus,
a.btn-nav-demo:hover,
a.btn-nav-demo:focus{
  background: var(--ca-gold-2) !important;
  border-color: var(--ca-gold-2) !important;
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
  text-decoration: none !important;
}

/* Convert legacy inline light sections to dark */
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#f9f9f9"],
[style*="background-color: #f9f9f9"]{
  background-color: var(--ca-surface) !important;
  color: var(--ca-text) !important;
}

[style*="color:#000"],
[style*="color: #000"]{
  color: var(--ca-text) !important;
}

/* Common surfaces */
.panel,
.panel-default,
.well,
.modal-content,
.dropdown-menu{
  background: var(--ca-surface) !important;
  color: var(--ca-text) !important;
  border-color: var(--ca-border) !important;
  box-shadow: var(--ca-shadow);
}

.panel-heading{
  background: var(--ca-surface-2) !important;
  border-color: var(--ca-border) !important;
}

hr{
  border-top-color: rgba(255,255,255,.12) !important;
}

.table,
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td{
  background-color: transparent !important;
  color: var(--ca-text) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Forms */
.form-control{
  background: var(--ca-surface-2) !important;
  color: var(--ca-text) !important;
  border-color: var(--ca-border) !important;
  box-shadow: none !important;
}

.form-control::placeholder{
  color: rgba(242,242,242,.55) !important;
}

/* Buttons */
.btn,
button,
input[type="button"],
input[type="submit"]{
  border-radius: 10px;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.label-primary,
.label-info,
.progress-bar{
  background: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
  color: #0b0b0b !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-primary:focus,
.btn-info:focus{
  background: var(--ca-gold-2) !important;
  border-color: var(--ca-gold-2) !important;
  color: #0b0b0b !important;
}

.text-primary,
.text-info{
  color: var(--ca-gold) !important;
}

.btn-primary,
.btn-open,
.btn-nav,
.open-account{
  background: var(--ca-gold) !important;
  border-color: var(--ca-gold) !important;
  color: #0b0b0b !important;
  font-weight: 700;
}

/* Pricing section "View all plans" (a.btn.btn-nav) sometimes inherits link styles */
.snip1214 a.btn-nav,
.snip1214 a.btn.btn-nav,
.snip1214 a.btn-nav:visited{
  color: #0b0b0b !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.snip1214 a.btn-nav:hover,
.snip1214 a.btn.btn-nav:hover,
.snip1214 a.btn-nav:focus{
  color: #0b0b0b !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.btn-primary:hover,
.btn-open:hover,
.btn-nav:hover,
.open-account:hover,
.btn-primary:focus,
.btn-open:focus,
.btn-nav:focus,
.open-account:focus{
  background: var(--ca-gold-2) !important;
  border-color: var(--ca-gold-2) !important;
  color: #0b0b0b !important;
}

.btn-default{
  background: transparent !important;
  border-color: rgba(240,185,11,.45) !important;
  color: var(--ca-text) !important;
}

/* Sprite / icon sets used across the public pages (trade/copy/why-us blocks) */
.spriteset-trade,
.spriteset-copy,
.spriteset-whyus,
.spriteset-choose,
[class^="spriteset-trade-"],
[class*=" spriteset-trade-"],
[class^="spriteset-copy-"],
[class*=" spriteset-copy-"],
[class^="spriteset-whyus-"],
[class*=" spriteset-whyus-"],
[class^="spriteset-choose-"],
[class*=" spriteset-choose-"]{
  filter: var(--ca-gold-filter) !important;
}

/* Font icons: gold by default, but keep icons inside buttons readable */
.fa,
.glyphicon,
.zmdi{
  color: var(--ca-gold) !important;
}

.btn .fa,
.btn .glyphicon,
.btn .zmdi{
  color: inherit !important;
}

/* Header / footer */
.topbar{
  background-color: #000 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.footer,
.top-bar,
.top-bar-mobile{
  background-color: #000 !important;
  color: var(--ca-muted) !important;
  border-top: 1px solid rgba(255,255,255,.08);
}

.fc-fondex,
.brand-sm,
.topbar a{
  color: var(--ca-text) !important;
}

.topbar a:hover,
.fc-fondex:hover{
  color: var(--ca-gold) !important;
}

/* Small polish */
.trade_image,
.lowest-commission,
.faq,
.cy-regulation,
.tbl{
  color: var(--ca-text);
}

::selection{
  background: rgba(240,185,11,.35);
  color: var(--ca-text);
}