/* ============================================================
   VERITROOPER — shared theme layer. Link this AFTER styles.css.
   Brings styles.css-based pages in line with the redesigned
   homepage: tactical Arimo small-caps type, 45px nav, the radar
   backdrop, solid-black content cards, and cream ghost buttons.
   (The homepage itself carries an equivalent inline block.)
   ============================================================ */

:root {
  --serif: "Arimo", "Liberation Sans", Arial, Helvetica, sans-serif;
  --nav-h: 45px;
  --bottom-h: 51px;
}

/* Tactical small-caps on display headings */
.hero-title, .section-title, .step-h, .who-card h3,
.modal-title, .integ-title, .cast-name, .cast-role,
h1, h2, h3 { font-variant: small-caps; }

/* Radar backdrop on the fixed slideshow layer (cast photos ride over it) */
.hero-bg-slideshow {
  background-image: url('Images/BackgroundBlue.jpg?v=20260707c');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* Tone the rotating cast photos down so the radar reads (0.5 -> 0.3) */
@keyframes heroSlide { 0% { opacity: 0; } 1.43% { opacity: 0.3; } 12.86% { opacity: 0.3; } 14.29% { opacity: 0; } 100% { opacity: 0; } }

/* Solid black content cards (was translucent) */
.proof-card, .who-card, .product-card, .chip, .contact-block {
  background: #0b0e14 !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Transparent / ghost buttons -> solid cream with dark text */
.cta.secondary, .cta.tertiary, .contact-download {
  background: #f4efe1 !important; color: #23282f !important; border-color: rgba(0,0,0,0.15) !important;
}
.cta.secondary:hover, .cta.tertiary:hover, .contact-download:hover { background: #fff !important; color: #23282f !important; }

/* Gold nav CTA pill */
.tab-cta { background: var(--red); color: #1a1407 !important; font-weight: 700; padding: 8px 16px; border-radius: 8px; }
.tab-cta:hover { background: var(--red-deep); }

/* Integrity / cast MODAL — bring it into the black-card theme (was the old
   grey --panel/--panel2 palette). Black dialog; sub-cards subtly lifted + bordered
   so they read against the black without needing the radar. */
.modal-card, .modal-stage, .modal-nav { background: #0b0e14 !important; }
.integ-group, .cast-card, .qa-card, .reporter-card {
  background: rgba(255,255,255,0.035) !important;
  border-color: rgba(255,255,255,0.12) !important;
}