/**
 * 75hublite — black & brown landing page overrides.
 * Loaded after style.min.css on public pages.
 */
:root {
  --brand-cream: 245, 240, 235;
  --brand-brown: 198, 148, 86;
  --brand-brown-dark: 139, 90, 43;
  --brand-black: 10, 10, 10;
}

body {
  background-color: rgb(var(--brand-black));
  color: rgb(var(--brand-cream));
}

/* Hero: dark card with brown accent, light readable text */
@media (min-width: 1400px) {
  .hero-card.p1-xxl-bg {
    background: rgb(var(--nb3)) !important;
    border: 1px solid rgba(var(--p1), 0.35);
    border-radius: 16px;
  }

  .hero-card .nb4-xxl-color {
    color: rgb(var(--nw1)) !important;
  }
}

.hero-section .list_items .s1-bg {
  background: rgba(var(--p1), 0.18) !important;
}

.hero-section .list_items .s1-bg i {
  color: rgb(var(--p1)) !important;
}

.hero-section .list_items h4.nw1-color {
  color: rgb(var(--nw1)) !important;
}

/* About / trusted section on dark background */
.trusted-about {
  background: rgb(var(--nb3)) !important;
}

.trusted-about .why-trade__part h3,
.trusted-about .why-trade__part p,
.trusted-about .heading,
.trusted-about .goal-card h4,
.trusted-about .goal-card p {
  color: rgb(var(--nw1)) !important;
}

.trusted-about .heading.p1-color,
.trusted-about .goal-card h4 {
  color: rgb(var(--p1)) !important;
}

.trusted-about .goal-card {
  background: rgba(var(--p1), 0.12);
  border: 1px solid rgba(var(--p1), 0.35);
  border-radius: 16px;
  padding: 28px 32px;
}

/* Hero text readable on all breakpoints */
.hero-card h1,
.hero-card p {
  color: rgb(var(--nw1)) !important;
}

/* Limit full-width brown bands — use dark sections instead */
.why-trade.s1-bg,
.testimonial.p1-bg {
  background: rgb(var(--nb2)) !important;
}

.testimonial.p1-bg .heading,
.testimonial.p1-bg h3,
.testimonial.p1-bg p {
  color: rgb(var(--nw1));
}

/* Buttons: brown accent, readable labels */
.cmn-btn {
  color: rgb(var(--brand-black)) !important;
  font-weight: 600;
}

.cmn-btn.link,
.cmn-btn.outline_btn {
  color: rgb(var(--p1)) !important;
}

.cmn-btn.outline_btn:hover,
.cmn-btn.outline_btn:focus {
  color: rgb(var(--brand-black)) !important;
}

.cmn-btn.secondary-alt {
  color: rgb(var(--nw1)) !important;
}

/* Headings on dark sections */
.provide-world.nb4-bg h3,
.provide-world.nb4-bg p,
.trade_on.a2-bg h3,
.trade_on.a2-bg p,
.people_trust h3,
.people_trust p,
.blog_news h3,
.blog_news p,
.footer.a2-bg,
.footer.a2-bg a,
.footer.a2-bg p {
  color: rgb(var(--nw1));
}

.provide-world .heading.p1-color,
.trade_on .heading.p1-color,
.people_trust .heading.p1-color {
  color: rgb(var(--p1)) !important;
}

/* Cards & icons on dark backgrounds */
.provide-card__icon.nb4-bg {
  background: rgba(var(--p1), 0.15) !important;
}

.provide-card__icon i,
.provide-card h4,
.provide-card p {
  color: rgb(var(--nw1));
}

/* Header nav links */
.header-section .navbar-nav .dropdown-item,
.header-section .rotate_eff.nw1-color {
  color: rgb(var(--nw1)) !important;
}

.header-section .navbar-nav .dropdown-item:hover {
  color: rgb(var(--p1)) !important;
}

/* Scroll to top */
.scrollToTop {
  background: rgb(var(--p1)) !important;
  color: rgb(var(--brand-black)) !important;
}

/* Preloader accent */
.preloader .loader {
  border-color: rgba(var(--p1), 0.25);
  border-top-color: rgb(var(--p1));
}

/* Landing page nav logos — mobile icon sizing (unchanged) */
.header-section .navbar-brand .small_logo {
  max-height: 44px;
  width: auto;
}

/* Desktop/tablet wordmark — standard navbar size */
@media (min-width: 576px) {
  .header-section .navbar-brand img.logo:not(.small_logo) {
    display: block;
    max-height: 44px;
    width: auto;
    max-width: 168px;
    object-fit: contain;
  }
}