/* Fx Pratik Gawade custom styles (added on top of Stocker template) */
.fx-brand{font-size:1.6rem;white-space:nowrap}
@media (max-width:400px){.fx-brand{font-size:1.25rem}}
.fx-badge{position:absolute;top:14px;left:14px;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:30px;letter-spacing:.5px}
.fx-badge-live{background:#f5c242;color:#3b2a00}
.fx-badge-free{background:var(--bs-primary);color:#fff}
.fx-tag{display:inline-block;font-size:.75rem;padding:3px 10px;margin:0 6px 6px 0;border-radius:20px;background:#eef6f1;color:#155e3b;border:1px solid #d5eadf}
.fx-tag-dark{background:rgba(255,255,255,.08);color:#f5c242;border-color:rgba(255,255,255,.15)}
.fx-explore{background:#fff;border:1px solid #e6ece8;transition:border-color .2s,transform .2s}
.fx-explore:hover{border-color:var(--bs-primary);transform:translateY(-3px)}
.fx-explore h5{color:var(--bs-dark)}
.fx-stats{max-width:760px;background:#fff;border:1px solid #e6ece8;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.fx-stats>div+div{border-left:1px solid #e6ece8}
.fx-stats h3{font-size:1.25rem}
.fx-stats small{color:#6b7280}
.fx-step,.fx-broker,.fx-form,.fx-spec{background:#fff;border:1px solid #e6ece8}
.fx-spec small{color:#6b7280;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}
.fx-step-no{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--bs-primary);color:#fff;align-items:center;justify-content:center;font-weight:800}
.fx-broker-logo{width:52px;height:52px;border-radius:12px;color:#fff;font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center}
.fx-live{font-size:.7rem;font-weight:700;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;padding:3px 10px;border-radius:20px}
.fx-ref{background:#eef6f1;border:1px solid #d5eadf}
.fx-alerts,.fx-dark-hero{background:#141b26}
.fx-dark-hero h1{color:#fff}
.fx-badge-pill{background:#f5c242;color:#3b2a00;font-weight:800;font-size:.75rem;padding:6px 14px;border-radius:30px}
.fx-check li{padding-left:30px;position:relative;margin-bottom:10px}
.fx-check li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;color:var(--bs-primary)}
.fx-check-light li{color:#fff}
.fx-disclaimer{background:#fffbea;border:1px solid #f5e3a3}
.fx-disclaimer li{margin-bottom:10px}
.fx-widget{background:#fff;border:1px solid #e6ece8;overflow:hidden}
.fx-form-msg{min-height:1em}
.fx-form-msg.err{color:#b91c1c}
.fx-form-msg.ok{color:#15803d}
.accordion-button:not(.collapsed){color:var(--bs-primary);background:#eef6f1}
.accordion-button:focus{box-shadow:none;border-color:var(--bs-primary)}
@media (max-width:576px){.fx-stats>div{padding:.75rem .25rem!important}.fx-stats h3{font-size:.9rem}.fx-stats small{font-size:.65rem;line-height:1.2;display:block}}

/* ===================== v1.3 DARK NAVY + GOLD THEME ===================== */
:root{
  --fx-bg:#0A1020; --fx-surface:#111A2E; --fx-surface-2:#172340; --fx-line:rgba(255,255,255,.08);
  --fx-gold:#D4A84B; --fx-gold-2:#F0CD72; --fx-text:#A9B4C8; --fx-head:#F1F4FA;
  --bs-primary:#D4A84B; --bs-secondary:#070C18; --bs-light:#111A2E; --bs-body:#A9B4C8;
}
body{background:var(--fx-bg);color:var(--fx-text)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-4,.display-5,.display-6{color:var(--fx-head)}
a.h4,a.h4:visited{color:var(--fx-head)} a.h4:hover{color:var(--fx-gold)}
a{color:var(--fx-gold)} a:hover{color:var(--fx-gold-2)}
.text-primary{color:var(--fx-gold)!important}
.text-dark{color:var(--fx-head)!important}
.text-body{color:var(--fx-text)!important}
.text-muted{color:#8390A8!important}
.bg-white,#spinner{background:var(--fx-bg)!important}
.bg-light,.topbar{background:#070C18!important;border-bottom:1px solid var(--fx-line)}
.topbar a,.topbar small{color:#8390A8!important}
.topbar small.text-dark{color:var(--fx-head)!important}

/* buttons */
.btn.btn-primary{background:linear-gradient(135deg,var(--fx-gold-2),var(--fx-gold));color:#1A1305;font-weight:600;box-shadow:0 8px 24px rgba(212,168,75,.25)}
.btn.btn-primary:hover{background:var(--fx-head);color:#0A1020}
.btn.btn-light{background:rgba(255,255,255,.08);color:var(--fx-head);border:1px solid rgba(255,255,255,.2)!important}
.btn.btn-light:hover{background:var(--fx-gold);color:#1A1305}
.btn.btn-dark{background:var(--fx-surface-2);border:1px solid rgba(212,168,75,.45);color:var(--fx-gold-2)}
.btn.btn-dark:hover{background:var(--fx-gold);color:#1A1305}
.btn-outline-primary{color:var(--fx-gold);border-color:var(--fx-gold)}
.btn-outline-primary:hover{background:var(--fx-gold);color:#1A1305}
.back-to-top{color:#1A1305!important}

/* navbar */
.navbar-light{background:rgba(10,16,32,.92)!important;border-bottom:1px solid var(--fx-line)!important}
.sticky-top.navbar-light{background:rgba(7,12,24,.97)!important;backdrop-filter:blur(8px)}
.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-item .nav-link,.sticky-top.navbar-light .navbar-nav .nav-link,.sticky-top.navbar-light .navbar-nav .nav-item .nav-link{color:#D6DCE8!important}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover{color:var(--fx-gold)!important}
.navbar-light .navbar-collapse{border-top-color:var(--fx-line)!important}
.navbar .nav-item .dropdown-menu,.navbar .nav-item:hover .dropdown-menu{background:var(--fx-surface)!important;border:1px solid var(--fx-line)!important}
.dropdown-item{color:#D6DCE8} .dropdown .dropdown-menu a:hover{background:var(--fx-gold);color:#1A1305}
.navbar-toggler{border-color:var(--fx-gold)!important;color:var(--fx-gold)!important}
.fx-brand{color:var(--fx-gold)!important} .fx-brand .text-dark{color:var(--fx-head)!important}

/* hero + breadcrumb */
.header-carousel .header-carousel-item .carousel-caption{background:linear-gradient(90deg,rgba(7,12,24,.55),rgba(7,12,24,.9))}
.bg-breadcrumb{background:linear-gradient(rgba(7,12,24,.82),rgba(10,16,32,.95)),url(../img/carousel-1.jpg) center/cover no-repeat}
.bg-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#8390A8}

/* sections */
.about,.service,.container-fluid{background:transparent}
.service .service-item{background:var(--fx-surface);border:1px solid var(--fx-line)}
.service .service-item .service-img img{filter:saturate(.85) brightness(.9)}
.fx-explore,.fx-stats,.fx-step,.fx-broker,.fx-form,.fx-spec,.fx-widget{background:var(--fx-surface)!important;border:1px solid var(--fx-line)!important;box-shadow:none}
.fx-explore:hover{border-color:rgba(212,168,75,.55)!important;background:var(--fx-surface-2)!important}
.fx-explore h5{color:var(--fx-head)}
.fx-stats>div+div{border-left-color:var(--fx-line)}
.fx-stats h3{color:var(--fx-gold)} .fx-stats small,.fx-spec small{color:#8390A8}
.fx-spec h6{color:var(--fx-head)}
.fx-step-no{background:var(--fx-gold);color:#1A1305}
.fx-tag{background:rgba(212,168,75,.08);color:var(--fx-gold-2);border-color:rgba(212,168,75,.25)}
.fx-badge-free{background:var(--fx-surface-2);color:var(--fx-gold-2);border:1px solid rgba(212,168,75,.5)}
.fx-ref{background:rgba(212,168,75,.07);border:1px solid rgba(212,168,75,.25);color:var(--fx-text)}
.fx-live{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35);color:#4ade80}
.fx-alerts,.fx-dark-hero{background:linear-gradient(135deg,#172340,#0D1528);border:1px solid rgba(212,168,75,.25)}
.fx-disclaimer{background:rgba(212,168,75,.06);border:1px solid rgba(212,168,75,.3)}
.fx-disclaimer b{color:var(--fx-head)}
.fx-check li:before{color:var(--fx-gold)}
.fx-form-msg.ok{color:#4ade80} .fx-form-msg.err{color:#f87171}

/* forms */
.form-control,.form-select{background-color:#0D1528;border:1px solid rgba(255,255,255,.12);color:var(--fx-head)}
.form-control::placeholder{color:#5F6B82}
.form-control:focus,.form-select:focus{background-color:#0D1528;color:var(--fx-head);border-color:var(--fx-gold);box-shadow:0 0 0 .2rem rgba(212,168,75,.2)}
.form-label{color:#C9D1E0}

/* accordion */
.accordion-item{background:var(--fx-surface);border:1px solid var(--fx-line)}
.accordion-button{background:var(--fx-surface);color:var(--fx-head)}
.accordion-button:not(.collapsed){background:var(--fx-surface-2);color:var(--fx-gold)}
.accordion-button::after{filter:invert(1) brightness(1.5)}
.accordion-body{color:var(--fx-text)}

/* footer */
.footer{background:#070C18!important;border-top:1px solid var(--fx-line)}
.footer .footer-item a{color:#8390A8} .footer .footer-item a:hover{color:var(--fx-gold)}
.footer .bg-primary{background:linear-gradient(135deg,var(--fx-gold-2),var(--fx-gold))!important}
.footer .bg-primary small,.footer .bg-primary h6,.footer .bg-primary i{color:#1A1305!important}
.footer .bg-dark{background:var(--fx-surface-2)!important;border:1px solid var(--fx-line)}
.footer .btn-primary i{color:#1A1305!important}
.copyright{background:#050912!important;border-top:1px solid var(--fx-line)}
.bg-primary{background-color:var(--fx-surface-2)!important}
.fx-photo{border:1px solid rgba(212,168,75,.35);box-shadow:0 20px 60px rgba(0,0,0,.45)}.fx-photo img{filter:saturate(.8) brightness(.85);aspect-ratio:4/3;object-fit:cover}
