/* Trust Center page (amberpay-trust-center.html)
   Font, sizes and colours follow the rest of the site (styles.css): Poppins, #4D4D4D text,
   #BF7AB2 accent, white background. Content rules are scoped to .trust-center so they don't
   touch the shared nav, footer, Bootstrap components or the cookie modal. */

/* Header uses the site's .banner-about / .banner-content; drop its mobile background image */
.tc-header.banner-about { background: none }

.trust-center {
  --brand: #BF7AB2;
  --brand-tint: #f8eff6;
  --ink: #4D4D4D;
  --muted: #7a7a7a;
  --line: #e6e6e6;
  --line-soft: #efefef;
  --bg-alt: #fafafa;
  --radius: 10px;

  background: #fff;
  color: var(--ink);
}

@media (prefers-reduced-motion: reduce) {
  .trust-center * { animation-duration: .001ms !important; transition-duration: .001ms !important }
}

.trust-center h2,
.trust-center h3 { color: var(--ink); margin: 0 }
.trust-center p { margin: 0 0 1rem }
.trust-center a { color: var(--brand) }

.trust-center :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 4px }

/* ── sections ─────────────────────────── */
.trust-center .trust-main { padding: 1rem 0 1rem }
.trust-center .page-section { scroll-margin-top: 20px; margin-bottom: 3rem }
.trust-center .page-section:last-child { margin-bottom: 0 }

/* same as .terms h2 on the policy pages */
.trust-center .section-hd { font-size: 30px; font-weight: 700; color: var(--ink); margin: 0 0 20px }

/* ── panel (named tc-panel to avoid Bootstrap's .card) ── */
.trust-center .tc-panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden }
.trust-center .tc-panel + .tc-panel { margin-top: 1.25rem }
.trust-center .tc-panel-hd { padding: 1rem 1.5rem; border-bottom: 1px solid var(--line-soft); background: var(--bg-alt) }
.trust-center .tc-panel-title { font-size: 20px; font-weight: 600; color: var(--ink) }
.trust-center .tc-panel-body { padding: 1.5rem }
/* same as .terms p / .banner-about .banner-content p */
.trust-center .overview-text p { font-size: 18px; font-weight: 300; line-height: 30px }
.trust-center .overview-text p:last-child { margin-bottom: 0 }

/* ── control grid ─────────────────────── */
.trust-center .ctrl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 1.25rem }
@media (max-width: 720px) { .trust-center .ctrl-grid { grid-template-columns: 1fr } }

.trust-center .ctrl-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 1.5rem; display: flex; flex-direction: column;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.trust-center .ctrl-card:hover { border-color: #e2c3dc; box-shadow: 0 2px 10px 0 rgba(68, 88, 144, .2); transform: translateY(-2px) }
.trust-center .ctrl-card-logo {
display: block;  align-items: center; justify-content: center; margin: 0px auto .5rem;  height: auto; width: 100%;  border-bottom: 1px solid var(--line-soft);  text-align: center;
}
.trust-center .ctrl-card-logo img { max-height: 152px; }
.trust-center .ctrl-card-hd { display: flex; align-items: center; gap: .75rem; margin-bottom: .85rem }
.trust-center .ctrl-card-icon {
  flex: none; width: 40px; height: 40px; border-radius: 9px;
  background: var(--brand-tint); color: var(--brand);
  display: flex; align-items: center; justify-content: center;
}
.trust-center .ctrl-card-icon svg { width: 20px; height: 20px; display: block }
.trust-center .ctrl-card-title { font-size: 18px; font-weight: 600; color: var(--ink); line-height: 1.4 }
.trust-center .ctrl-card-num { margin-left: auto; font-size: 14px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; flex: none }
.trust-center .ctrl-card-bd { margin: 0; font-size: 16px; font-weight: 300; line-height: 26px; color: var(--ink) }

/* ── buttons & notes (same as the site's a.button) ── */
.trust-center .tc-btn {
  display: inline-block; border-radius: 10px; font-size: 18px; font-weight: 400;
  text-transform: uppercase; color: var(--brand); border: solid var(--brand) 2px;
  line-height: 40px; padding: 0 24px; text-align: center; text-decoration: none;
  margin: 10px 0 0; transition: all .4s ease-in-out;
}
.trust-center .tc-btn:hover {
  background: var(--brand); color: #fff; text-decoration: none;
  transform: translateY(-4px); box-shadow: 0 2px 10px 0 rgba(68, 88, 144, .2);
}
@media (max-width: 576px) {
  .trust-center .tc-btn { display: block; font-size: 16px; line-height: 24px; padding: 8px 16px }
}

.trust-center .note {
  margin-top: 1.25rem; padding: 1rem 1.2rem; background: var(--bg-alt);
  border-radius: 8px; color: var(--muted);
}
.trust-center .overview-text .note p { font-size: 15px; line-height: 24px; font-weight: 300 }
.trust-center .note p:last-child { margin-bottom: 0 }