/* TRO brand dark theme — overrides landing-page.css */

/* ── Base ─────────────────────────────────────────── */
body {
  background-color: #12121f;
  color: #d2d2d2;
}

a { color: #1d8cf8; }
a:hover, a:focus { color: #4dabff; }

/* ── Sections (overridden below with more contrast) ── */

.section p {
  color: #c0c0d0;
}

.header-text {
  color: #ffffff;
}

/* ── Feature cards ────────────────────────────────── */
.landing-page .section-features .card {
  background-color: #252540;
  border-color: rgba(255, 255, 255, 0.1);
}

.landing-page .section-features .card.card-blue {
  border-color: rgba(29, 140, 248, 0.3);
}

.landing-page .section-features .card h4 {
  color: #ffffff;
}

.landing-page .section-features .card p {
  color: #a0a0b8;
}

/* ── Footer ───────────────────────────────────────── */
.footer {
  background-color: #171728;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer nav > ul a:not(.btn) {
  color: #8080a0;
}

.footer nav > ul a:not(.btn):hover,
.footer nav > ul a:not(.btn):focus {
  color: #c0c0d0;
}

.footer .copyright {
  color: #606080;
}

.footer hr {
  border-color: rgba(255, 255, 255, 0.08);
}

/* ── Section contrast — distinct bands ────────────── */
.section {
  background-color: #12121f;
}

.section-gray {
  background-color: #1e1e30;
}

/* ── "Designed by shop owners" blurb text ─────────── */
.landing-page .section-clients p {
  color: #b0b0c8;
  font-size: 17px;
}

/* ── Presentation section — pull text left ────────── */
.landing-page .section-presentation .description {
  padding: 50px 0 0 0;
}

.landing-page .section-presentation .description p {
  color: #c0c0d0;
}

.landing-page .section-presentation .description h4 {
  color: #ffffff;
}

/* ── Demo section text ────────────────────────────── */
.landing-page .section-demo h4 {
  color: #ffffff;
}

.landing-page .section-demo p {
  color: #c0c0d0;
}

/* ── App carousel indicators — single horizontal row ─ */
#app-carousel .carousel-indicators {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 4px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

#app-carousel .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 0;
  border-width: 1px;
  flex-shrink: 0;
}

/* ── Navbar logo — remove circular crop on dark bg ── */
.logo-container .logo {
  border: none;
  border-radius: 0;
  background: transparent;
  width: 120px;
}

/* ── Upgrade HTTP font/icon CDN refs ──────────────── */
/* (handled inline in HTML; no CSS needed here) */