.about h1,
.about h2,
.about h3,
.about h4 {
  color: var(--about-heading) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--about-heading) !important;
  background-clip: initial !important;
}

.about h2::after {
  background: linear-gradient(90deg, var(--about-heading), var(--primary-color), var(--about-heading)) !important;
}

.about p,
.about-container p,
.about-text {
  color: var(--about-text) !important;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.menu-intro h1,
.menu-intro h2,
.menu-intro h3,
.products-heading,
#products h2,
#products h3 {
  color: var(--products-heading) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--products-heading) !important;
  background-clip: initial !important;
}

.section-dark p,
.menu-intro p,
.products-text {
  color: var(--products-text) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-heading {
  color: var(--footer-heading) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--footer-heading) !important;
  background-clip: initial !important;
}

footer p,
footer li,
footer span,
footer a,
.footer-section p,
.footer-text {
  color: var(--footer-text) !important;
}

footer,
#contact {
  background: var(--footer-bg) !important;
}

.about,
#about {
  background: var(--about-bg) !important;
}

.section-dark,
#products {
  background: var(--products-bg) !important;
}

header.scrolled,
header.fixed-nav {
  background: var(--navbar-bg) !important;
}

.nav-links a {
  color: var(--navbar-text) !important;
}

.nav-links a:hover {
  color: var(--navbar-hover) !important;
}

.cta-button,
.btn-add,
.submit-btn {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.cta-button:hover,
.btn-add:hover,
.submit-btn:hover {
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)) !important;
}

.dropdown-menu {
  background: var(--navbar-bg) !important;
}

.dropdown-menu a {
  color: var(--navbar-hover) !important;
}

.dropdown-menu a:hover {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.social-links a {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.visit-form input,
.visit-form textarea {
  color: var(--footer-text) !important;
  border-color: var(--footer-text) !important;
}

.visit-form button {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.menu-category h3 {
  color: var(--products-heading) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--products-heading) !important;
  background-clip: initial !important;
}

.policies-section h3,
.policies-section h4 {
  color: var(--footer-heading) !important;
}

.policies-section p {
  color: var(--footer-text) !important;
}

.footer-bottom,
.footer-bottom p {
  color: var(--footer-text) !important;
}

.stat-icon {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

.product-overlay h3 {
  color: var(--secondary-color) !important;
}

body.theme-loaded {
  transition: all 0.3s ease;
}

* {
  transition: color 0.3s ease, background-color 0.3s ease, background 0.3s ease;
}