/* Rafiki Social brand overrides — colors from logo mark (teal + navy). */
:root {
  --rafiki-teal: #14a09b;
  --rafiki-teal-bright: #1bb5af;
  --rafiki-teal-deep: #0e7f7b;
  --rafiki-navy: #0f2d4b;
  --rafiki-navy-deep: #081426;
  --rafiki-mint: #34b1a7;
  --color-primary: #14a09b;
  --color-secondary: #0f2d4b;
}

/* Keep accent text readable on dark UI */
.header-area .logo1,
.xb-logo-mobile a,
.xb-footer-bottom-title .title {
  color: #fff;
}

.rafiki-brand-logo img {
  filter: drop-shadow(0 2px 8px rgba(20, 160, 155, 0.35));
}

/* Hide any legacy sticky header clone from the template */
#xb-header-area .xb-header-area-sticky {
  display: none !important;
}

/* Preloader removed */
#xb-loadding,
.xb-loader {
  display: none !important;
}

.xb-nav-mobile {
  appearance: none;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pricing .xb-price-chagne-btn .toggle {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  margin: 0 8px;
  vertical-align: middle;
  border-radius: 999px;
  background: rgba(20, 160, 155, 0.25);
  cursor: pointer;
}

.pricing .xb-price-chagne-btn .toggle::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #14a09b;
  transition: transform 0.2s ease;
}

.pricing .xb-price-chagne-btn .toggle.active::before {
  transform: translateX(26px);
}

/* Avoid invisible content while deferred wow.js is still loading */
.wow {
  visibility: visible !important;
}

/* Map legacy neon green accents toward logo teal */
.ai-agency .thm-btn.chatbot-btn .rotate-icon svg rect[fill="white"] {
  fill: #fff;
}

.hero-content--two .title span.rafiki-accent,
.rafiki-accent {
  color: var(--rafiki-teal-bright);
}

.hero-channel-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.hero-channel-chips .chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(20, 160, 155, 0.35);
  background: rgba(15, 45, 75, 0.55);
  color: #e8f7f6;
  font-size: 14px;
  font-weight: 500;
}

.hero-trust-note {
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
}

.hero-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.hero-btn-row .thm-btn.ghost-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
}

.hero-btn-row .thm-btn.ghost-btn:hover {
  border-color: var(--rafiki-teal-bright);
  color: var(--rafiki-teal-bright);
}

.trust-industries {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 14px;
  margin-top: 8px;
}

.trust-industries .industry-pill {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(20, 160, 155, 0.28);
  background: rgba(15, 45, 75, 0.4);
  color: #d7efed;
  font-size: 14px;
  font-weight: 500;
}

/* Remap template neon-green accents toward logo teal */
.ai-agency {
  --color-primary: #14a09b;
}