/* USR50 UI Fix Pack — light, high-contrast, Facebook/X-like */

/* 1) Force light body canvas */
body{
  background: #F5F7FB !important;
  color: #0F172A !important;
}

/* 2) Kill dark overlays from previous design packs */
.usr50-header,
.usr50-footer,
.site-header,
.site-footer,
header,
footer{
  background: rgba(255,255,255,.92) !important;
  color: #0F172A !important;
}

/* Footer should be light, not dark */
.usr50-footer,
.site-footer,
footer{
  border-top: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}

/* 3) Ensure headings and paragraphs are readable (fix “white on light”) */
h1,h2,h3,h4,h5,h6,
.wp-block-post-title,
.entry-title,
.wp-block-heading{
  color: #0F172A !important;
}
p, li, .wp-block-paragraph, .usr50-muted{
  color: #475569 !important;
}

/* 4) Fix USR50 Starter components if old dark CSS is still active */
.usr50-card,
.usr50-row,
.usr50-panel,
.usr50-filters,
.usr50-map{
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
}

/* Filters */
.usr50-filter label{ color:#475569 !important; }
.usr50-filter select{
  background:#fff !important;
  color:#0F172A !important;
  border:1px solid #D1D5DB !important;
}

/* Buttons */
.usr50-btn,
.wp-block-button .wp-block-button__link{
  background: linear-gradient(135deg,#1877F2,#1D9BF0) !important;
  color:#fff !important;
  border:none !important;
}

/* Navigation links */
.wp-block-navigation a,
nav a{
  color:#0F172A !important;
}
.wp-block-navigation a:hover,
nav a:hover{
  color:#1877F2 !important;
  text-decoration: none !important;
  background: rgba(24,119,242,.08) !important;
  border-radius: 12px !important;
}

/* Pills */
.usr50-pill{
  background: rgba(24,119,242,.08) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  color:#0F172A !important;
}

/* Map legend text */
.usr50-map-legend{ color:#475569 !important; }

/* Remove any “dark gradient” sections */
.usr50-hero__inner,
.usr50-hero,
.usr50-section,
.wp-block-group.usr50-surface{
  background: transparent !important;
}

/* Popups */
.leaflet-popup-content-wrapper{
  background:#fff !important;
  color:#0F172A !important;
  border:1px solid rgba(15,23,42,.10) !important;
}
.leaflet-popup-tip{ background:#fff !important; }