/* custom.css — small visual tweaks for this specific site.
   Loads AFTER main.css, so anything here wins. The AI content engine may add
   rules here when params can't express a change. Keep it short; prefer params. */

/* The uploaded logo is used beside the site name in the header. */
.brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}

.brand::before {
  content: "";
  width: 2.4rem;
  height: 1.5rem;
  flex: 0 0 auto;
  background: url("/uploads/logo-1.jpg") center / cover no-repeat;
}

/* Pink header drawn from the uploaded logo. */
.site-header {
  background: #c2185b;
  border-bottom-color: #9e124a;
}

.site-header .brand,
.site-header .nav a,
.site-header .nav__cta {
  color: #ffffff !important;
}

.site-header .nav a:hover {
  color: #ffe4ef !important;
}

.site-header .nav-toggle span {
  background: #ffffff;
}

@media (max-width: 640px) {
  .site-header .nav {
    background: #c2185b;
    border-bottom-color: #9e124a;
  }
}