/*
Theme Name: Astra Child - EchoEthics
Template: astra
Version: 1.0
*/

/* ===== Problem 2: logo spacing, overlap, mobile menu ===== */
#ee-nav > a > span > span:first-child,
#ee-nav > a > span > span:first-child * { letter-spacing: 0 !important; white-space: nowrap; }
#ee-nav > a { flex-shrink: 0; min-width: 0 !important; margin-right: 24px; }
#ee-nav > ul a { white-space: nowrap; }
@media (max-width: 1200px) { #ee-nav > ul { gap: 20px !important; } }
@media (max-width: 1024px) {
  #ee-nav { flex-wrap: wrap !important; height: auto !important; padding: 10px 16px !important; row-gap: 6px; }
  #ee-nav > ul { order: 3; width: 100%; overflow-x: auto; gap: 22px !important; padding: 6px 0 !important; scrollbar-width: none; }
  #ee-nav > ul::-webkit-scrollbar { display: none; }
}
@media (max-width: 600px) {
  #ee-nav img { height: 40px !important; width: 40px !important; }
  #ee-nav > a > span > span:first-child,
  #ee-nav > a > span > span:first-child > span { font-size: 24px !important; }
  #ee-nav > a > span > span:last-child { font-size: 9px !important; }
  #ee-nav > a:last-child, #ee-nav .ee-cta { padding: 8px 14px !important; font-size: 12px !important; }
  #ee-nav > a:first-child { margin-right: 8px; }
}

/* ===== Problem 2: logo spacing, overlap, mobile menu ===== */
#ee-nav > a > span > span:first-child,
#ee-nav > a > span > span:first-child * { letter-spacing: 0 !important; white-space: nowrap; }
#ee-nav > a { flex-shrink: 0; min-width: 0 !important; margin-right: 24px; }
#ee-nav > ul a { white-space: nowrap; }
@media (max-width: 1200px) { #ee-nav > ul { gap: 20px !important; } }
@media (max-width: 1024px) {
  #ee-nav { flex-wrap: wrap !important; height: auto !important; padding: 10px 16px !important; row-gap: 6px; }
  #ee-nav > ul { order: 3; width: 100%; overflow-x: auto; gap: 22px !important; padding: 6px 0 !important; scrollbar-width: none; }
  #ee-nav > ul::-webkit-scrollbar { display: none; }
}
@media (max-width: 600px) {
  #ee-nav img { height: 40px !important; width: 40px !important; }
  #ee-nav > a > span > span:first-child,
  #ee-nav > a > span > span:first-child > span { font-size: 24px !important; }
  #ee-nav > a > span > span:last-child { font-size: 9px !important; }
  #ee-nav > a:last-child, #ee-nav .ee-cta { padding: 8px 14px !important; font-size: 12px !important; }
  #ee-nav > a:first-child { margin-right: 8px; }
}
/* Problem 2b: keep logo + button on one row on phones */
@media (max-width: 600px) {
  #ee-nav > a:first-child { margin-right: 0 !important; gap: 8px !important; }
  #ee-nav img { height: 34px !important; width: 34px !important; }
  #ee-nav > a > span > span:first-child,
  #ee-nav > a > span > span:first-child > span { font-size: 22px !important; }
  #ee-nav > a > span > span:last-child { font-size: 8px !important; letter-spacing: 0.06em !important; }
  #ee-nav > a:last-child, #ee-nav .ee-cta { padding: 7px 10px !important; font-size: 11px !important; }
}
h1.blog-title{margin-top:0}

/* Footer text: white for readability */
.footer-tag, .footer-copy, .footer-links a, #ee .footer-links a,
.site-footer, #colophon, .site-footer a, #colophon a,
.ast-footer-copyright, .ast-footer-copyright p { color: #ffffff !important; }
.footer-links a:hover, #ee .footer-links a:hover,
.site-footer a:hover, #colophon a:hover { color: #3b82f6 !important; }
.footer-copy { font-size: 12px !important; }
/* Footer fix 2: dark copyright strip on inner pages, white links on homepage */
.site-below-footer-wrap, .site-below-footer-wrap[data-section] { background: #050e1a !important; border-top: 1px solid rgba(255,255,255,0.08) !important; }
footer .footer-links a, body footer .footer-links a { color: #ffffff !important; }
footer .footer-links a:hover, body footer .footer-links a:hover { color: #3b82f6 !important; }

/* Signup page readability */
#buddypress label, #buddypress legend, #buddypress .bp-heading,
#signup-form label, #signup-form legend { color: #ffffff !important; }
#buddypress .bp-required-field-label { color: rgba(255,255,255,0.6) !important; }
#signup-form input[type="text"], #signup-form input[type="email"], #signup-form input[type="password"] {
  background: #0b1a2e !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.25) !important; }
#buddypress .bp-feedback, #buddypress .bp-feedback p,
#signup-form .indicator-hint, #signup-form .field-visibility-settings-header {
  background: #13233a !important; color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.15) !important; }
#signup-form .indicator-hint { padding: 10px 12px !important; font-size: 13px !important; }
.caps-warning { color: #f59e0b !important; display: flex; align-items: center; gap: 6px; }
.caps-warning .caps-icon, .caps-warning svg { width: 16px !important; height: 16px !important; }