/*
 * WiseLeaf World-Class Footer
 * Professional footer matching journal theme for main website
 * Consistent with Journal 1 JAPSNP design patterns
 */

/* WiseLeaf Footer - Matching Journal 1 Theme Colors */

/* Main Footer Container */
.wiseleaf-footer {
  background: linear-gradient(135deg, #0c4a60 0%, #1a5c75 50%, #2c3e50 100%) !important;
  color: white !important;
  margin-top: 0 !important;
  position: relative;
  font-family: 'Inter', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
  padding: 0 !important; /* Override any default footer padding */
}

/* Rainbow Top Border - Signature WiseLeaf Element */
.wiseleaf-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3498db 0%, #2ecc71 25%, #f39c12 50%, #e74c3c 75%, #9b59b6 100%);
  z-index: 1;
}

/* Footer Content Grid */
.wiseleaf-footer .footer-content {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
  gap: 50px !important;
  padding: 60px 20px 40px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  position: relative;
  z-index: 2;
}

/* Footer Section Headings */
.wiseleaf-footer .footer-section h4.footer-heading {
  color: white !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: 'Merriweather', Georgia, serif !important;
}

/* WiseLeaf Brand Section */
.wiseleaf-footer .footer-brand {
  max-width: 100% !important;
  padding-right: 20px !important;
}

.wiseleaf-footer .footer-contact {
  margin-top: 20px !important;
}

.wiseleaf-footer .footer-contact p {
  color: white !important;
  font-size: 0.9rem !important;
  margin: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
}

.wiseleaf-footer .footer-contact p i {
  color: #3498db !important;
  margin-right: 8px !important;
  width: 16px !important;
}

.footer-logo {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.wiseleaf-footer .footer-logo-img {
  width: 60px !important;
  height: 60px !important;
  margin-right: 15px !important;
  border-radius: 8px !important;
  background: white !important;
  padding: 4px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
  object-fit: contain !important;
}

.footer-brand-text h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  margin: 0;
  line-height: 1.3;
  font-family: 'Merriweather', Georgia, serif;
}

.footer-tagline {
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  margin: 5px 0 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-description {
  color: white;
  line-height: 1.6;
  margin: 20px 0;
  font-size: 0.95rem;
}

/* WiseLeaf Statistics */
.footer-metrics {
  display: flex;
  gap: 30px;
  margin-top: 25px;
}

.footer-stat {
  text-align: center;
}

.footer-stat .stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--footer-accent);
  font-family: 'Inter', sans-serif;
}

.footer-stat .stat-label {
  font-size: 0.8rem;
  color: var(--footer-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Navigation Lists */
.footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wiseleaf-footer .footer-nav li {
  margin-bottom: 16px !important;
}

.wiseleaf-footer .footer-nav a {
  color: white !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
  font-weight: 500 !important;
}

.wiseleaf-footer .footer-nav a:hover {
  color: white !important;
  transform: translateX(3px) !important;
}

.wiseleaf-footer .footer-nav a:hover i {
  color: white !important;
}

.wiseleaf-footer .footer-nav a i {
  margin-right: 8px !important;
  width: 15px !important;
  color: white !important;
  font-size: 0.9rem !important;
}

/* Social Media Links */
.social-links {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

.wiseleaf-footer .social-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(52, 152, 219, 0.2) !important;
  border: 2px solid #3498db !important;
  border-radius: 50% !important;
  color: #3498db !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  font-size: 1.1rem !important;
}

.wiseleaf-footer .social-link:hover {
  background: #3498db !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3) !important;
}

/* Newsletter Signup */
.footer-newsletter {
  margin-top: 20px;
}

.newsletter-form {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.newsletter-input {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  color: #2c3e50 !important;
  font-size: 0.9rem;
}

.newsletter-input:focus {
  outline: none;
  border-color: #3498db;
  background: white;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

.newsletter-input::placeholder {
  color: #7f8c8d;
}

.wiseleaf-footer .newsletter-btn {
  padding: 10px 16px !important;
  background: #3498db !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
}

.newsletter-btn:hover {
  background: #2980b9;
  transform: translateY(-1px);
}

/* Footer Bottom Bar */
.wiseleaf-footer .footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding: 30px 0 !important;
}

.wiseleaf-footer .footer-bottom-content {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.copyright {
  color: #95a5a6;
  font-size: 0.9rem;
}

.copyright p {
  margin: 5px 0;
}

.copyright a {
  color: #3498db;
  text-decoration: none;
  transition: all 0.3s ease;
}

.copyright a:hover {
  color: white;
}

/* Professional Badges */
.footer-badges {
  display: flex;
  gap: 25px;
}

.badge-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ecf0f1;
  font-size: 0.85rem;
  font-weight: 500;
}

.badge-item i {
  color: #2ecc71;
  font-size: 1.1rem;
}

/* Back to Top Button */
.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: #0c4a60;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  font-size: 1.2rem;
}

.back-to-top.visible {
  opacity: 1;
  transform: translateY(0);
}

.back-to-top:hover {
  background: #1a5c75;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.25);
}

/* Responsive Design */
@media (max-width: 768px) {
  .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 40px 20px 30px;
  }
  
  .footer-metrics {
    justify-content: center;
    gap: 20px;
  }
  
  .footer-bottom-content {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  
  .footer-badges {
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .newsletter-form {
    flex-direction: column;
  }
  
  .newsletter-btn {
    align-self: center;
    padding: 12px 24px;
  }
}

@media (max-width: 480px) {
  .footer-metrics {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  
  .social-links {
    justify-content: center;
  }
  
  .footer-badges {
    gap: 15px;
  }
  
  .back-to-top {
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
  }
}

/* Force all footer text to be white - Override any conflicting styles */
/* EXCEPT input fields */
.wiseleaf-footer * {
  color: white !important;
}

.wiseleaf-footer input.newsletter-input {
  color: #2c3e50 !important;
}

.wiseleaf-footer .footer-heading,
.wiseleaf-footer h3,
.wiseleaf-footer h4,
.wiseleaf-footer .footer-brand-text h3 {
  color: white !important;
}

.wiseleaf-footer a {
  color: white !important;
}

.wiseleaf-footer a:hover:not(.footer-nav a) {
  color: #3498db !important;
}

.wiseleaf-footer .footer-nav a:hover {
  color: white !important;
}

.wiseleaf-footer .footer-nav a i {
  color: white !important;
}

.wiseleaf-footer .social-link {
  border-color: #3498db !important;
  color: #3498db !important;
}

.wiseleaf-footer .copyright a {
  color: #3498db !important;
}

/* Additional overrides for footer navigation visibility */
.wiseleaf-footer .footer-nav li a,
.wiseleaf-footer .footer-section .footer-nav a,
footer.wiseleaf-footer .footer-nav a,
.wiseleaf-footer .footer-links .footer-nav a,
.wiseleaf-footer .footer-browse .footer-nav a {
  color: white !important;
  font-weight: 500 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

.wiseleaf-footer .footer-nav li a i,
.wiseleaf-footer .footer-section .footer-nav a i,
footer.wiseleaf-footer .footer-nav a i,
.wiseleaf-footer .footer-links .footer-nav a i,
.wiseleaf-footer .footer-browse .footer-nav a i {
  color: white !important;
}

.wiseleaf-footer .footer-nav li a:hover,
.wiseleaf-footer .footer-section .footer-nav a:hover,
footer.wiseleaf-footer .footer-nav a:hover,
.wiseleaf-footer .footer-links .footer-nav a:hover,
.wiseleaf-footer .footer-browse .footer-nav a:hover {
  color: white !important;
}

.wiseleaf-footer .footer-nav li a:hover i,
.wiseleaf-footer .footer-section .footer-nav a:hover i,
footer.wiseleaf-footer .footer-nav a:hover i,
.wiseleaf-footer .footer-links .footer-nav a:hover i,
.wiseleaf-footer .footer-browse .footer-nav a:hover i {
  color: white !important;
}

/* Ultra-specific overrides - targeting exact footer sections */
footer.wiseleaf-footer div.footer-section.footer-links ul.footer-nav li a,
footer.wiseleaf-footer div.footer-section.footer-browse ul.footer-nav li a {
  color: white !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

footer.wiseleaf-footer div.footer-section.footer-links ul.footer-nav li a:hover,
footer.wiseleaf-footer div.footer-section.footer-browse ul.footer-nav li a:hover {
  color: white !important;
}

/* Nuclear option - override any possible theme color inheritance */
.wiseleaf-footer a[href*="about"],
.wiseleaf-footer a[href*="vision"], 
.wiseleaf-footer a[href*="careers"],
.wiseleaf-footer a[href*="contact"],
.wiseleaf-footer a[href*="journals"],
.wiseleaf-footer a[href*="books"],
.wiseleaf-footer a[href*="publish"],
.wiseleaf-footer a[href*="access"],
.wiseleaf-footer a[href*="help"] {
  color: white !important;
  text-decoration: none !important;
}

/* Target new footer sections specifically */
.wiseleaf-footer .footer-services .footer-nav a,
.wiseleaf-footer .footer-resources .footer-nav a {
  color: white !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.wiseleaf-footer .footer-services .footer-nav a:hover,
.wiseleaf-footer .footer-resources .footer-nav a:hover {
  color: white !important;
}

.wiseleaf-footer .footer-services .footer-nav a i,
.wiseleaf-footer .footer-resources .footer-nav a i {
  color: white !important;
}

/* Override any inherited text colors */
footer[role="contentinfo"] .footer-nav a,
footer[role="contentinfo"] .footer-section a,
footer[role="contentinfo"] ul li a {
  color: white !important;
}

/* Final override - target all links inside wiseleaf footer */
/* EXCEPT newsletter input */
.wiseleaf-footer *:not(input) {
  color: inherit !important;
}

.wiseleaf-footer a,
.wiseleaf-footer a *,
.wiseleaf-footer ul a,
.wiseleaf-footer li a {
  color: white !important;
}

/* Ultimate override for all footer navigation sections */
footer.wiseleaf-footer div.footer-section.footer-services ul.footer-nav li a,
footer.wiseleaf-footer div.footer-section.footer-resources ul.footer-nav li a,
.wiseleaf-footer .footer-section.footer-services .footer-nav a,
.wiseleaf-footer .footer-section.footer-resources .footer-nav a {
  color: white !important;
  font-weight: 500 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
}

footer.wiseleaf-footer div.footer-section.footer-services ul.footer-nav li a:hover,
footer.wiseleaf-footer div.footer-section.footer-resources ul.footer-nav li a:hover,
.wiseleaf-footer .footer-section.footer-services .footer-nav a:hover,
.wiseleaf-footer .footer-section.footer-resources .footer-nav a:hover {
  color: white !important;
}

footer.wiseleaf-footer div.footer-section.footer-services ul.footer-nav li a i,
footer.wiseleaf-footer div.footer-section.footer-resources ul.footer-nav li a i,
.wiseleaf-footer .footer-section.footer-services .footer-nav a i,
.wiseleaf-footer .footer-section.footer-resources .footer-nav a i {
  color: white !important;
}

/* Override for newsletter input - must be dark text on light background */
.wiseleaf-footer .newsletter-input,
.wiseleaf-footer input[type="email"],
.wiseleaf-footer .footer-newsletter input {
  color: #2c3e50 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.wiseleaf-footer .newsletter-input::placeholder,
.wiseleaf-footer input[type="email"]::placeholder,
.wiseleaf-footer .footer-newsletter input::placeholder {
  color: #7f8c8d !important;
}