/* Contact page scoped styles for dark mode consistency */

/* ==============================================
   DARK MODE STYLES FOR CONTACT PAGE
   ============================================== */

/* Dark mode - keep BLUE header (like authors page) */
body.dark-mode .hero-bg .rz-card[style*="background:rgb(0,167,255)"] {
  background: linear-gradient(135deg, #00b4ff, #0096e6) !important;
    box-shadow: 0 8px 32px rgba(0, 180, 255, 0.4) !important;
    border: 1px solid rgba(0, 180, 255, 0.3) !important;
}

/* Keep header text WHITE for readability */
body.dark-mode .hero-bg .rz-card[style*="background:rgb(0,167,255)"] .rz-text {
    color: #fff !important;
}

/* Dark mode - keep GREEN author banner (brand consistency) */
body.dark-mode .contact-author-banner,
body.dark-mode .rz-card[style*="background:linear-gradient(135deg, #28a745, #20c997)"] {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    box-shadow: 0 4px 20px rgba(40, 167, 69, 0.3) !important;
    border: 1px solid rgba(40, 167, 69, 0.25) !important;
}

/* Keep author banner text WHITE */
body.dark-mode .contact-author-banner .rz-text,
body.dark-mode .contact-author-banner .rz-icon {
    color: #fff !important;
}

/* Author banner button stays white with green text */
body.dark-mode .contact-author-button,
body.dark-mode .contact-author-banner .rz-button-light {
  background: #ffffff !important;
    color: #28a745 !important;
    font-weight: bold !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .contact-author-button:hover,
body.dark-mode .contact-author-banner .rz-button-light:hover {
    background: #f8f9fa !important;
    color: #20c997 !important;
    transform: translateY(-1px);
}

/* Dark mode for contact info card */
body.dark-mode .hero-bg .rz-card[style*="background:rgba(255,255,255,0.98)"] {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
    color: var(--text-color, #e0e0e0) !important;
}

/* Contact info headings */
body.dark-mode .hero-bg .rz-card[style*="background:rgba(255,255,255,0.98)"] .rz-text[style*="color:#00b4ff"] {
    color: #60a5fa !important;
}

/* Contact info body text */
body.dark-mode .hero-bg .rz-card[style*="background:rgba(255,255,255,0.98)"] .rz-text {
    color: var(--text-color, #e0e0e0) !important;
}

/* Contact info icons */
body.dark-mode .hero-bg .rz-card[style*="background:rgba(255,255,255,0.98)"] .rz-icon,
body.dark-mode .hero-bg .rz-card[style*="background:rgba(255,255,255,0.98)"] svg {
 color: #60a5fa !important;
    fill: #60a5fa !important;
}

/* Social links in dark mode */
body.dark-mode .hero-bg .footer-social-link {
    color: #60a5fa !important;
    transition: color 0.2s ease;
}

body.dark-mode .hero-bg .footer-social-link:hover {
  color: #93c5fd !important;
}

/* Dark mode for page background */
body.dark-mode .hero-bg {
  background: var(--bg-color, #1a1a1a) !important;
}

/* ==============================================
   END DARK MODE STYLES
   ============================================== */