/* Brand theme overlay.
 *
 * Stored HTML uses placeholders that nginx sub_filter substitutes per Host
 * (see /etc/nginx/sites-enabled/gridnaut). JSON-LD is never touched.
 *
 * The <html> element carries data-brand="gridnaut" or "jobchow" via
 * the same sub_filter mechanism. This stylesheet is unconditionally
 * linked from every page; rules under html[data-brand="jobchow"]
 * only fire on jobchow.com / www.jobchow.com.
 */

/* ===== Jobchow palette ===== */
html[data-brand="jobchow"] {
  --brand-accent: #fb923c;     /* orange-400 */
  --brand-accent-dark: #c2410c; /* orange-700 */
  --brand-warm: #fde68a;        /* amber-200 */
}

/* Wordmark accent (the second half of "Grid|naut" -> "Job|Chow")
 * Original Tailwind class: bg-gradient-to-r from-[#C8FF00] to-[#a8ff00]
 * For jobchow, paint a warm orange-amber gradient instead. */
html[data-brand="jobchow"] [data-brand-wordmark-accent] {
  background-image: linear-gradient(to right, #fb923c, #d97706) !important;
}

/* Subtle palette accent on category chips / pay chips (the Tailwind
 * "amber-400 / amber-500/10" chips and the green CTAs read very
 * gridnaut-coded; on jobchow they get a warmer flavor) */
html[data-brand="jobchow"] .text-emerald-400 { color: #fbbf24 !important; }
html[data-brand="jobchow"] .bg-emerald-500\/10 { background-color: rgba(251,146,60,0.10) !important; }
html[data-brand="jobchow"] .border-emerald-500\/20 { border-color: rgba(251,146,60,0.20) !important; }

/* Apply button: gridnaut uses #c8ff00 lime; jobchow uses warm orange */
html[data-brand="jobchow"] [style*="background:#c8ff00"] {
  background: #fb923c !important;
  color: white !important;
}

/* Cartoon dog mascot lives in the nav next to the wordmark on jobchow only */
html[data-brand="jobchow"] [data-brand-mascot] {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 6px;
  background: url('/assets/jobchow-dog.svg') center/contain no-repeat;
}
html[data-brand="gridnaut"] [data-brand-mascot] {
  display: none;
}

/* Hide the gridnaut geometric nav-SVG when on jobchow */
html[data-brand="jobchow"] [data-brand-gridnaut-logo] {
  display: none;
}

/* Hide the gridnaut-only nav cluster (Services dropdown / Why Gridnaut / Contact)
 * on jobchow — those links go to /legacy-migration, /openclaw-services,
 * /ai-integration, /#why, /#contact which all 410 on jobchow.com. */
html[data-brand="jobchow"] [data-brand-gridnaut-only] {
  display: none !important;
}

/* Filter pills (.cat-btn.active / .loc-btn.active) on the /jobs/ listing page.
 * The page has an inline <style> block with !important rules using #c8ff00 (gridnaut lime).
 * Override those to orange for jobchow. brand-themes.css is linked AFTER the inline style
 * in <head> so the more-specific html[data-brand] selector + !important wins. */
html[data-brand="jobchow"] .cat-btn.active,
html[data-brand="jobchow"] .loc-btn.active {
  background: #fb923c !important;
  color: #1f2937 !important;
  border-color: #fb923c !important;
}

/* Card hover border accent — gridnaut uses #C8FF00/30; jobchow uses orange */
html[data-brand="jobchow"] .hover\:border-\[\#C8FF00\]\/30:hover {
  border-color: rgba(251,146,60,0.30) !important;
}
