/* ============================================================
   XinHongXin Rescue — Blue Theme Override
   Maritime · Professional Emergency Services · Ocean Rescue
   Add AFTER site.css on every page:
   <link rel="stylesheet" href="assets/theme-blue.css"/>
   ============================================================ */

:root {
  --accent:  #1a6fff;   /* maritime rescue blue */
  --accent-2: #5aabff;  /* sky / lighter blue   */
  --glow: 26, 111, 255; /* RGB for rgba() usage */
}

/* ── Ambient glow background — both gradients go blue ── */
.glow {
  background:
    radial-gradient(60% 50% at 78% 6%,  rgba(var(--glow), .14), transparent 60%),
    radial-gradient(50% 40% at 10% 84%, rgba(var(--glow), .08), transparent 60%);
}

/* ── Text selection highlight ── */
::selection { background: rgba(var(--glow), .3); color: #fff; }

/* ── Primary button: white text on blue (orange version had dark text) ── */
.btn.primary {
  color: #e8f4ff;
  box-shadow: 0 8px 24px rgba(var(--glow), .36), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn.primary:hover {
  box-shadow: 0 14px 38px rgba(var(--glow), .5), inset 0 1px 0 rgba(255,255,255,.28);
}
.btn.sm.primary { color: #e8f4ff; }

/* ── Product badge (was orange pill) ── */
.prod .badge {
  background: rgba(var(--glow), .9);
  color: #ddeeff;
}

/* ── bcard orange colour card → blue gradient ── */
.bcard.co-o .ov {
  background: radial-gradient(120% 120% at 18% 0, #3a8fff, #0c3a8c 70%);
}

/* ── Nav active link indicator ── */
.navlinks a.active {
  background: rgba(var(--glow), .16);
  color: var(--ink);
}

/* ── FAQ / accordion hover accent ── */
.q:hover h4 { color: var(--accent-2); }

/* ── Comparison table yes cells ── */
td.yes { color: #5fc8ff; }

/* ── Stat units ── */
.stat .n .u { color: var(--accent-2); }

/* ── fnum (feature row number, e.g. "01") ── */
.fnum { color: var(--accent-2); }

/* ── bcard bnum ── */
.bcard .bnum { color: var(--accent-2); }

/* ── Tag dot on image cards ── */
.fimg .tag::before { background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.atag { color: var(--accent-2); }
.eyebrow::before { background: var(--accent); box-shadow: 0 0 10px var(--accent); }

/* ── Grid box bullet dot ── */
.gridbox .i .d { background: var(--accent); box-shadow: 0 0 8px var(--accent); }

/* ── Trust strip icon color (uses var(--accent) via inline fill) ── */
.trust .t svg { stroke: var(--accent-2); }

/* ── Footer brand RESCUE word ── */
.brand b, .fbrand b { color: var(--accent-2); }

/* ── Step arrows / process indicators ── */
.step::after { border-color: var(--accent); }

/* ── Spec table hover ── */
.spec .row:hover { background: rgba(var(--glow), .04); }

/* ── Product card hover border ── */
.prod:hover { border-color: rgba(var(--glow), .4); }
.ucard:hover {
  border-color: rgba(var(--glow), .4);
  background: linear-gradient(180deg, rgba(var(--glow),.07), rgba(255,255,255,.01));
}

/* ── CTAband / hero gradient title colour ── */
.hero span[style*="accent"],
h1 span[style*="accent"] {
  background: linear-gradient(100deg, var(--accent-2), var(--accent)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}