/**
 * Footer Text Color Fix
 * Ensures proper text color in the footer for both themes
 */

/* Footer background remains consistent in both themes */
.footer {
  background-color: #1E293B !important;
}

/* Footer section headings - "About Zahya Store", "Quick", "Support", "Subscribe" */
.footer .footer-title,
.footer h4,
.footer .footer-heading,
.footer-widget h4 {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  margin-bottom: 1.2rem !important;
  font-size: 1.25rem !important;
}

/* Specifically target the first and fourth column paragraphs */
.footer > div > div > div > div:nth-child(1) > div > p,
.footer > div > div > div > div:nth-child(4) > div > p {
  color: #E2E8F0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  margin-bottom: 1.5rem !important;
}

/* Footer main description paragraph */
.footer .footer-about p,
.footer-desc,
.footer-text,
.footer p {
  color: #E2E8F0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  opacity: 0.95 !important;
}

/* Additional override for specific paragraphs */
.footer p.footer-description,
.footer p.newsletter-description {
  color: #E2E8F0 !important;
  opacity: 1 !important;
}

/* Set consistent text colors in both themes */
.theme-light .footer,
.theme-dark .footer {
  color: #E2E8F0 !important;
}

.theme-light .footer p,
.theme-dark .footer p,
.theme-light .footer-about,
.theme-dark .footer-about,
.theme-light .copyright,
.theme-dark .copyright,
.theme-light .footer-text,
.theme-dark .footer-text {
  color: #E2E8F0 !important;
}

/* Footer links styling */
.footer-links li a,
.footer .nav-link,
.footer a:not(.btn):not(.social-icon) {
  color: #E2E8F0 !important;
  transition: color 0.2s ease !important;
  opacity: 0.9 !important;
}

.footer-links li a:hover,
.footer .nav-link:hover,
.footer a:not(.btn):not(.social-icon):hover {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

/* Social icons styling */
.footer .social-icon {
  color: #E2E8F0 !important;
  transition: color 0.2s ease !important;
}

.footer .social-icon:hover {
  color: #FFFFFF !important;
}

/* Footer brand text */
.footer .z-brand-name {
  color: #FFFFFF !important;
}

.footer .z-brand-tag {
  color: var(--primary-color) !important;
}

/* Newsletter form elements */
.footer .newsletter-form .form-control {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
}

.footer .newsletter-form .btn {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}