/* Agency secondary + gradient bridge — loaded after agency_branding inline vars */

:root,
html,
body,
[data-theme="dark"],
[data-theme="light"],
.home-page,
.landing-page,
.amlaki-site,
.pl-body,
.mp-page {
  --brand-accent-light: color-mix(in srgb, var(--brand-accent, #0d9f7a) 42%, #fff);
  --pl-accent-2: var(--brand-accent, #0d9f7a);
  --afram-accent-light: var(--brand-accent, #0d9f7a);
  --afram-portal: var(--brand-accent, #0d9f7a);
  --erp-secondary: var(--brand-accent, #0d9f7a);
  --mp-accent-teal: var(--brand-accent, #0d9f7a);
  --home-accent: var(--brand-accent, #0d9f7a);
  --home-accent-2: var(--brand-accent, #0d9f7a);
  --db-accent-2: var(--brand-accent, #0d9f7a);
  --admin-accent-2: var(--brand-accent, #0d9f7a);
  --acct-accent: var(--brand-accent, #0d9f7a);
  --brand-gradient-mid: color-mix(in srgb, var(--brand-gradient-end, var(--brand-accent, #0d9f7a)) 72%, #000);
  --brand-gradient: linear-gradient(135deg, var(--brand-accent-light), var(--brand-gradient-end, var(--brand-accent, #0d9f7a)));
  --brand-gradient-2: linear-gradient(145deg, var(--brand-gradient-end, var(--brand-accent, #0d9f7a)), var(--brand-gradient-mid));
  --brand-gradient-3: linear-gradient(145deg, var(--brand-accent-light), var(--brand-gradient-end, var(--brand-accent, #0d9f7a)) 58%, var(--brand-gradient-mid));
  --brand-gradient-soft: linear-gradient(135deg, var(--brand-accent-light) 0%, var(--brand-gradient-end, var(--brand-accent, #0d9f7a)) 52%, var(--brand-gradient-mid) 100%);
  --afram-gradient-text: var(--brand-gradient);
}

.home-page,
.landing-page,
.amlaki-site {
  --afram-accent: var(--brand-accent, #0d9f7a);
}

.pl-body {
  --tblr-link-hover-color: var(--brand-accent, #0d9f7a);
}

.pl-logo-text .logo-txt {
  background: var(--brand-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.landing-page .btn-hero-primary,
.landing-page .btn-primary,
.landing-page .btn.btn-primary {
  background: var(--brand-gradient) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--brand-gradient-end, var(--brand-accent, #0d9f7a)) 35%, transparent) !important;
}

.home-page .btn-hero-primary,
.home-page .home-nav .btn-hero-primary,
.amlaki-nav-panel-btn {
  background: var(--brand-gradient-3) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--brand-gradient-end, var(--brand-accent, #0d9f7a)) 32%, transparent) !important;
}

.amlaki-callbar a.is-primary {
  background: var(--brand-gradient) !important;
  color: #fff !important;
}

.amlaki-footer__accent {
  background: var(--brand-gradient-soft) !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
  --bs-btn-bg: var(--brand-accent, #0d9f7a);
  --bs-btn-border-color: var(--brand-accent, #0d9f7a);
  --bs-btn-hover-bg: var(--brand-gradient-mid);
  --bs-btn-hover-border-color: var(--brand-gradient-mid);
}

.pl-body .btn-primary,
.pl-body .btn.btn-primary {
  background: var(--brand-gradient) !important;
  border: none !important;
}

.home-nav-mark,
.sidebar-brand-mark,
.landing-footer-mark,
.home-hero-mark {
  background: var(--brand-gradient) !important;
  color: #fff !important;
}

.home-title-accent {
  display: inline-block !important;
  padding: 0.06em 0 0.02em !important;
  line-height: 1.15 !important;
  background: var(--brand-gradient-3) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

[data-theme="light"] .home-title-accent {
  background: var(--brand-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.amlaki-ads-page__cta .btn-primary,
.ad-cta .btn-primary,
.amlaki-page .btn-primary,
.about-visit-actions .btn-primary,
.about-hero .btn-primary {
  background: var(--brand-gradient) !important;
  border: none !important;
}

.amlaki-quick a.is-active,
.amlaki-quick a:hover {
  background: var(--brand-gradient) !important;
}

.pl-body .pl-header-action--alt,
.pl-body .pl-nav a:hover,
.pl-body .pl-nav li.mm-active > a {
  color: var(--brand-accent, #0d9f7a) !important;
}

.pl-body .pl-theme-toggle:hover,
.home-theme-toggle:hover,
.landing-page .home-theme-toggle:hover {
  color: var(--brand-accent, #0d9f7a) !important;
  border-color: color-mix(in srgb, var(--brand-accent, #0d9f7a) 40%, transparent) !important;
}

.dashboard-stat-card__icon--accent,
.af-stat-card--accent .af-stat-card__icon {
  background: color-mix(in srgb, var(--brand-accent, #0d9f7a) 14%, transparent) !important;
  color: var(--brand-accent, #0d9f7a) !important;
}

.home-page .btn-hero-primary {
  background: var(--brand-gradient-3) !important;
}

.home-page .home-process-step > span:first-child,
.home-page .amlaki-card__deal,
.amlaki-ads .amlaki-card__deal {
  background: var(--brand-gradient-2) !important;
}

.home-page .home-category-card__icon,
.home-page .amlaki-card__placeholder-icon {
  background: var(--brand-gradient-2) !important;
}

/* Pace.js top loader — match agency brand */
.pace .pace-progress {
  background: var(--brand-gradient-3) !important;
  height: 3px;
}

.pace .pace-activity {
  background: var(--brand-accent, #0d9f7a) !important;
}

.pace .pace-activity::after {
  border-top-color: #fff;
  border-left-color: #fff;
}