/* public/css/spot-brand.css — Lease-A-Spot host only (injected by modules/brandHtml.js).
   Same Working Waterfront system: harbor ink, oyster neutrals, squared placards.
   The one change is the action color: channel-marker green becomes trailer-light rust,
   with an amber highlight. Scoped to html[data-brand="spot"] so the dock site's admin
   colors (theme.css :root) don't leak in; Lease-A-Spot overrides use spot_theme_* keys.
   Pairings: #9A4A1E on #FFF 6.9:1, on #F3EDE2 6.0:1; #FFF on #9A4A1E 6.9:1;
   #F2C27B on #172A33 9.6:1 (all WCAG AA). */
html[data-brand="spot"] {
  --teal:       #9A4A1E;
  --teal-light: #B0582A;
  --teal-dark:  #7A3A17;
  --gold-light: #F2C27B;
}

/* — logo (public/images/spot/). The white logo carries a #172A33 box behind the pin,
     so header + footer are SOLID harbor ink here (the dock navbar is 97% opaque). — */
html[data-brand="spot"] .navbar { background: #172A33; }
html[data-brand="spot"] footer  { background: #172A33; }
.navbar-logo-img.spot-logo { height: 40px; width: auto; filter: none; }
.spot-footer-logo { display: block; height: 48px; width: auto; margin-bottom: 14px; }
.spot-logo-dark { display: inline-block; height: 48px; width: auto; }

/* buttons/links that hard-code the dock green in main.css */
html[data-brand="spot"] .btn-primary:hover,
html[data-brand="spot"] .nav-btn:hover,
html[data-brand="spot"] .btn-search:hover { background: var(--teal-dark) !important; }
html[data-brand="spot"] .form-control:focus { box-shadow: 0 0 0 3px rgba(154,74,30,0.15); }

/* search.html on the spot host: always Lease-A-Spot, so the type switch goes */
html[data-brand="spot"] #typeFilter { display: none; }

@media (max-width: 768px) {
  .navbar-logo-img.spot-logo { height: 30px; }
}