/**
 * PTC brand theme (navy / gold) — matches the ptc Academy logo
 *
 * Swap themes in resources/views/front/layout/head.blade.php:
 *   assets_front/css/themes/ptc.css      ← this file (active)
 *   assets_front/css/themes/classic.css  ← red / black classic theme
 *
 * Primary is the master for brand fill gradients; gold is accent-only.
 */
:root {
  --color-primary: #02194e;
  --color-primary-rgb: 2, 25, 78;
  --color-primary-soft: #eef2f8;
  --color-secondary: #fead04;
  --primary-opacity: rgba(2, 25, 78, 0.13);
  --secondary-opacity: rgba(254, 173, 4, 0.13);
  --color-primary-alt: #d6e0f0;
  --color-primary-light: #eef2f8;
  --color-primary-lighter: #f4f6fb;
  --color-secondary-alt: #fff8e6;

  --brand-gradient-end: #0a3a8a;
  --brand-gradient: linear-gradient(to right, #02194e, #0a3a8a, #0a3a8a, #02194e);
  --brand-gradient-90: linear-gradient(90deg, #02194e, #0a3a8a);
  --brand-gradient-border: linear-gradient(90deg, #02194e, #0a3a8a);
  --gradient-7: linear-gradient(218.15deg, #02194e 0%, #0a3a8a 100%);

  --ptc-border-associate: #02194eba;
  --ptc-border-practitioner: #02194eba;
  --ptc-border-expert: #02194eba;
  --ptc-border-consultant: #02194eba;
  --ptc-border-color: #02194eba;
}

/* Hardcoded classic red/black gradients → primary-master navy */
.rbt-btn.btn-border-gradient,
.rbt-gradient-border {
  background: var(--brand-gradient-border) !important;
}

.service-card-5.variation-2 .inner .icon a::before,
.rbt-counterup.border-bottom-gradient::before {
  background: var(--brand-gradient-border);
}

.rbt-counterup .top-circle-shape,
.top-circle-shape {
  background-image: var(--brand-gradient-border);
}

/* Trainer ID badge — primary navy (not classic red/black) */
.trainer-id-badge {
  border-color: var(--color-secondary) !important;
  background: #02194e !important;
  box-shadow: 0 2px 8px rgba(2, 25, 78, 0.25) !important;
}
.trainer-id-badge__left {
  background: #0a3a8a !important;
  color: #fff !important;
}
.trainer-id-badge__right {
  background: #02194e !important;
  color: #fff !important;
}