/* WeatherDog brand layer — applied on top of styles.css.
   Restrained: dog-blue header band, gold accent, paw wordmark.
   No FCC ecosystem chrome (econav, editorial section heads, theme picker). */

:root {
  --accent: #facc15;       /* gold */
  --accent-2: #1d4ed8;     /* dog-blue */
  --brand-blue: #1d4ed8;
  --brand-blue-deep: #1e40af;
  --brand-gold: #facc15;
}

/* Header band */
body.weatherdog .site-header {
  background: linear-gradient(180deg, var(--brand-blue) 0%, var(--brand-blue-deep) 100%);
  border-bottom: 3px solid var(--brand-gold);
  padding: 14px 0;
}

body.weatherdog .site-header .topbar-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

/* Brand wordmark: paw mascot + name + tagline stacked */
body.weatherdog .brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  line-height: 1;
}

body.weatherdog .brand-paw {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18));
}

body.weatherdog .brand-text {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}

body.weatherdog .brand-name {
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

body.weatherdog .brand-tagline {
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.86);
}

/* Card chrome — soften corners + subtle gold-tinged border */
body.weatherdog .card {
  border-radius: 18px;
}

/* Section titles get a gentle gold underline */
body.weatherdog .section-title {
  color: var(--brand-blue-deep);
}

/* Buttons: gold-accent fetch button (primary action) */
body.weatherdog .btn[type="submit"],
body.weatherdog #searchBtn {
  background: var(--brand-gold);
  color: #4a3700;
  font-weight: 700;
  border: none;
}

body.weatherdog .btn[type="submit"]:hover,
body.weatherdog #searchBtn:hover {
  filter: brightness(1.05);
}

/* Inline / secondary buttons in brand blue */
body.weatherdog .btn.btn-inline {
  background: transparent;
  color: var(--brand-blue-deep);
  border: 1px solid color-mix(in srgb, var(--brand-blue) 28%, transparent);
}

body.weatherdog .btn.btn-inline:hover {
  background: color-mix(in srgb, var(--brand-blue) 8%, transparent);
}

/* Footer credit row */
body.weatherdog .fineprint {
  font-size: 0.85rem;
  color: var(--text-dim);
}

body.weatherdog .fineprint a {
  color: var(--brand-blue-deep);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--brand-blue) 35%, transparent);
}

/* Responsive — mobile keeps the paw + name; tagline drops below the fold */
@media (max-width: 480px) {
  body.weatherdog .brand-paw { width: 32px; height: 32px; }
  body.weatherdog .brand-name { font-size: 1.2rem; }
  body.weatherdog .brand-tagline { font-size: 0.7rem; }
}

/* Hide any leftover ecosystem-nav remnants if upstream re-introduces them */
body.weatherdog .ecosystem-nav,
body.weatherdog [data-fcc-econav] {
  display: none !important;
}