/* ============================================
   HeySali Landing Page - Theme Color Overrides
   ============================================ */

/* Override theme primary colors with HeySali brand colors */
:root {
  --color-primary: #9435f2; /* secondary-indigo-500 */
  --color-primary-dark: #9435f2;
  --color-primary-light: #9435f2; /* primary-purple-500 */
  --color-secondary: #9435f2; /* primary-purple-500 */
  
  /* HeySali brand colors */
  --heysali-purple: #9435f2;
  --heysali-indigo: #5529f2;
  --heysali-blue: #6c91d9;
}

/* Primary color overrides */
.btn-theme {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.btn-theme:hover,
.btn-theme:focus {
  background-color: var(--color-primary-light) !important;
  border-color: var(--color-primary-light) !important;
}

.btn-theme.border {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  background-color: transparent !important;
}

.btn-theme.border:hover,
.btn-theme.border:focus {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
}

/* Links and text colors */
a {
  color: var(--color-primary);
}

a:hover,
a:focus {
  color: var(--color-primary-light);
}

/* Navbar active states */
.navbar-nav > li > a.active,
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
  color: var(--color-primary) !important;
}

/* Dropdown menu */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--color-primary);
  color: #ffffff;
}

/* Section headings */
.area-title {
  color: var(--color-heading);
}

.area-title strong {
  color: var(--color-primary);
}

/* Icons */
.icon i,
.item .icon i {
  /* color: var(--color-primary); */
  color: #fff;
}

/* Pricing */
.pricing-item .pricing-header h2 {
  color: var(--color-primary);
}

.pricing-item ul li i.fas.fa-check-circle {
  color: var(--color-primary);
}

/* Process/Step numbers */
.process-area .icon span {
  background-color: var(--color-primary);
}

/* Fun fact numbers */
.fun-fact .timer {
  color: var(--color-primary);
}

/* Testimonials */
.testimonial-items i {
  color: var(--color-primary);
}

/* Contact form */
.contact-form button[type="submit"],
.contact-form #submit {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.contact-form button[type="submit"]:hover,
.contact-form #submit:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
}

/* Footer */
footer.bg-dark {
  background-color: #1f2937 !important; /* gray-800 */
}

footer a:hover {
  color: var(--color-primary-light);
}

/* Newsletter form button */
footer form button[type="submit"] {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

footer form button[type="submit"]:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
}

/* Background gradients */
.bg-shape {
  background-color: #F4F1FF; /* bg-page-primary */
}

.bg-gray {
  background-color: #F8FAFC; /* bg-neutral-soft */
}

/* Smooth scroll links */
.smooth-menu.active {
  color: var(--color-primary) !important;
}

/* Accordion */
.accordion-button:not(.collapsed) {
  color: var(--color-primary);
}

.accordion-button:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.25rem rgba(85, 41, 242, 0.25);
}

/* Carousel indicators */
.carousel-indicators button.active {
  border-color: var(--color-primary);
}

/* Social icons hover */
.social ul li a:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

/* Technology icons */
.technology .icon i {
  color: var(--color-primary);
}

/* Blog date */
.blog-grid .date {
  background-color: var(--color-primary);
}

/* Override any other primary color references */
[style*="#2f55d4"],
[style*="rgb(47, 85, 212)"] {
  /* These will be overridden by inline styles, but we try */
}