/* CardForge — branded top nav, mirroring whattosayinasympathycard's header design,
   themed per site via --cf-nav. Loaded AFTER each site's styles.css.
   Handles BOTH header designs: bare <header> (.header-left/.menu-toggle/.site-title)
   and <header class="site-header"> (.site-logo/.logo-text). !important is used because
   the five sites' stylesheets target the header at differing specificity. */
header,
.site-header {
  background: var(--cf-nav, #5B8A72) !important;
  border-bottom: none !important;
}
/* logo text + icon white, both designs */
header .site-title, header .site-title:hover,
header .site-logo, header .site-logo:hover, header .logo-text, header .logo-icon,
.site-header .site-logo, .site-header .site-logo:hover, .site-header .logo-text, .site-header .logo-icon,
.site-header .site-title {
  color: #fff !important;
}
/* control buttons: translucent white, both designs */
header .menu-toggle, header .header-btn, header .menu-btn,
.site-header .header-btn, .site-header .menu-btn {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.40) !important;
}
header .menu-toggle:hover, header .header-btn:hover, header .menu-btn:hover,
.site-header .header-btn:hover, .site-header .menu-btn:hover {
  background: rgba(255, 255, 255, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.70) !important;
}
header .menu-icon, .site-header .menu-icon { color: #fff !important; }

/* dropdown panel: white with a colored top edge, like sympathy */
.dropdown-menu { border-top: 3px solid var(--cf-nav) !important; }
.dropdown-menu .menu-section-title { border-bottom: 2px solid var(--cf-nav); }
.dropdown-menu .menu-list a:hover,
.dropdown-menu .menu-links a:hover { color: var(--cf-nav); }

/* footer affiliate disclosure (compliance) */
.cf-affiliate-disclosure {
  max-width: 1000px;
  margin: 16px auto 0;
  padding: 14px 20px 0;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.55;
  color: #8a8a8a;
  font-style: italic;
}