/**
 * Payer Coverage Database Tool — client color customizations
 *
 * Change the values in this file to match a client's brand standards.
 * Keep layout and responsive rules in payer-coverage-base.css.
 */

.pcdt {
  /* Primary brand color: borders, labels, icons, active tabs, and summary. */
  --pcdt-primary: #338ccc;
  --pcdt-primary-contrast: #ffffff;

  /* Accent color: search button. */
  --pcdt-accent: #ffca05;
  --pcdt-accent-contrast: #000000;

  /* Main surfaces and text. */
  --pcdt-background: #f1f6fa;
  --pcdt-surface: #ffffff;
  --pcdt-ink: #111111;
  --pcdt-field-text: #253143;
  --pcdt-placeholder: #5d6775;
  --pcdt-muted: #425466;
  --pcdt-link: #111111;

  /* Table and row colors. */
  --pcdt-table-header: #ffd83d;
  --pcdt-table-header-contrast: #000000;
  --pcdt-table-header-divider: #ffffff;
  --pcdt-divider: #333333;

  /* Mobile card colors. */
  --pcdt-card-border: #9ac7e5;
  --pcdt-card-divider: #d8e1e8;

  /* Focus and validation colors. */
  --pcdt-focus: #111111;
  --pcdt-focus-soft: rgba(51, 140, 204, 0.28);
  --pcdt-error: #b42318;
  --pcdt-error-text: #8a1c13;

  /* Coverage-criteria modal colors. */
  --pcdt-modal-overlay: rgba(16, 29, 42, 0.72);
  --pcdt-modal-border: #9ac7e5;
  --pcdt-modal-table-header: #eef5fa;
  --pcdt-modal-close-hover: rgba(51, 140, 204, 0.12);
  --pcdt-modal-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

/**
 * Optional per-brand override example.
 * Duplicate this block and change the brand slug for another client or product.
 */
.pcdt[data-brand="omlyclo"] {
  --pcdt-primary: #338ccc;
  --pcdt-primary-contrast: #ffffff;
  --pcdt-accent: #ffca05;
  --pcdt-accent-contrast: #000000;
  --pcdt-background: #f1f6fa;
  --pcdt-table-header: #ffd83d;
}

.pcdt[data-brand="avtozma"] {
  --pcdt-primary: #0092b4;
  --pcdt-primary-contrast: #ffffff;
  --pcdt-accent: #ff5d36;
  --pcdt-accent-contrast: #ffffff;
  --pcdt-background: #f2f8fa;
  --pcdt-link: #0092b4;
  --pcdt-table-header: #0092b4;
  --pcdt-table-header-contrast: #ffffff;
  --pcdt-divider: #323e48;
  --pcdt-card-border: #9ad3e1;
  --pcdt-focus-soft: rgba(0, 146, 180, 0.28);
  --pcdt-modal-border: #9ad3e1;
  --pcdt-modal-table-header: #eaf5f8;
  --pcdt-modal-close-hover: rgba(0, 146, 180, 0.12);
}

/**
 * Unknown-brand fallback.
 *
 * When a shortcode references a brand slug that is not configured, the plugin
 * still renders the tool (with demo data) and adds `.pcdt--unknown-brand`.
 * This neutral grey palette makes it obvious that no brand styling is applied.
 * The doubled class keeps it ahead of the per-brand blocks above.
 */
.pcdt.pcdt--unknown-brand {
  --pcdt-primary: #6b7280;
  --pcdt-primary-contrast: #ffffff;
  --pcdt-accent: #9ca3af;
  --pcdt-accent-contrast: #111111;
  --pcdt-background: #f3f4f6;
  --pcdt-surface: #ffffff;
  --pcdt-ink: #1f2937;
  --pcdt-field-text: #374151;
  --pcdt-placeholder: #6b7280;
  --pcdt-muted: #6b7280;
  --pcdt-link: #374151;
  --pcdt-table-header: #d1d5db;
  --pcdt-table-header-contrast: #111111;
  --pcdt-table-header-divider: #ffffff;
  --pcdt-divider: #9ca3af;
  --pcdt-card-border: #d1d5db;
  --pcdt-card-divider: #e5e7eb;
  --pcdt-focus: #111111;
  --pcdt-focus-soft: rgba(107, 114, 128, 0.28);
  --pcdt-error: #b42318;
  --pcdt-error-text: #8a1c13;
  --pcdt-modal-overlay: rgba(31, 41, 55, 0.7);
  --pcdt-modal-border: #d1d5db;
  --pcdt-modal-table-header: #f3f4f6;
  --pcdt-modal-close-hover: rgba(107, 114, 128, 0.12);
  --pcdt-modal-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);
}

/* Admin-only notice printed above a fallback instance. */
.pcdt-admin-notice {
  max-width: 1440px;
  margin: 20px auto -30px;
  padding: 10px 14px;
  border-left: 4px solid #b45309;
  background: #fffbeb;
  color: #78350f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}