/* Planting Season house ads, US site (2026-10-04, same styles as AU): in-content app cards and a mobile sticky bar.
   Rendered by /assets/house-ads.js into <div class="ps-house-ad" data-variant="inline|sticky">.
   Without JavaScript the placeholders stay empty and take no space. */

/* Reserve the card's height only when scripting is on, so the page does not jump when the card renders. */
@media (scripting: enabled) {
  .ps-house-ad[data-variant="inline"]:empty { min-height: 218px; }
}
@media (scripting: enabled) and (max-width: 640px) {
  .ps-house-ad[data-variant="inline"]:empty { min-height: 360px; }
}

.ps-house-ad[data-variant="inline"] { display: block; }
.ps-house-ad[data-variant="sticky"]:empty { display: none; }

.ps-ha-card {
  display: flex; align-items: center; gap: 18px;
  margin: 2rem 0; padding: 18px 20px;
  background: #f0f5ec; border: 2px solid #c7d9b9; border-radius: 12px;
  box-shadow: 0 2px 8px rgba(42, 34, 24, .06);
  font-family: Georgia, 'Times New Roman', serif; color: #2a2218; line-height: 1.5;
  text-align: left;
}
.ps-ha-card .ps-ha-img {
  flex: 0 0 64px; width: 64px; height: 64px; border-radius: 12px;
  background: #fff; border: 1px solid #dfe7d5; object-fit: contain; padding: 6px; display: block;
}
.ps-ha-card .ps-ha-text { flex: 1 1 auto; min-width: 0; }
.ps-ha-card .ps-ha-kicker {
  display: inline-block; margin: 0 0 4px; padding: 2px 9px; border-radius: 999px;
  background: #fff; color: #355a26; border: 1px solid #c7d9b9;
  font: 700 .72rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: .05em; text-transform: uppercase;
}
.ps-ha-card .ps-ha-title { margin: 0 0 4px; font-size: 1.15rem; font-weight: 700; color: #355a26; line-height: 1.3; }
.ps-ha-card .ps-ha-body { margin: 0; font-size: .95rem; color: #3a3228; }
.ps-ha-card .ps-ha-cta { flex: 0 0 auto; }
.ps-house-ad a.ps-ha-btn {
  display: inline-flex; align-items: center; justify-content: center; background: #355a26; color: #fff; text-decoration: none;
  padding: .7rem 1.25rem; border-radius: 8px; font-weight: 700; font-size: 1rem; line-height: 1.3;
  text-align: center; white-space: nowrap; border: 0; min-height: 44px;
}
.ps-house-ad a.ps-ha-btn:hover { background: #2a4a1e; color: #fff; text-decoration: none; }
.ps-house-ad a.ps-ha-btn:focus-visible { outline: 3px solid #e8b84a; outline-offset: 2px; }

@media (max-width: 640px) {
  .ps-ha-card { flex-wrap: wrap; gap: 12px 14px; padding: 16px; }
  .ps-ha-card .ps-ha-img { flex-basis: 52px; width: 52px; height: 52px; padding: 5px; }
  .ps-ha-card .ps-ha-text { flex-basis: calc(100% - 70px); }
  .ps-ha-card .ps-ha-title { font-size: 1.08rem; }
  .ps-ha-card .ps-ha-cta { flex-basis: 100%; }
  .ps-house-ad a.ps-ha-btn { display: flex; white-space: normal; }
}

/* Mobile sticky bar */
.ps-ha-sticky {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 8px 10px 14px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  background: #355a26; color: #fff; box-shadow: 0 -2px 10px rgba(42, 34, 24, .18);
  font: 600 .9rem/1.35 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transform: translateY(110%); transition: transform .25s ease; visibility: hidden;
}
.ps-ha-sticky.ps-ha-on { transform: none; visibility: visible; }
.ps-ha-sticky .ps-ha-stext { flex: 1 1 auto; min-width: 0; }
.ps-house-ad .ps-ha-sticky a.ps-ha-btn {
  background: #e8b84a; color: #2a2218; padding: .55rem .9rem; font-size: .9rem; min-height: 40px;
  display: inline-block; white-space: nowrap;
}
.ps-house-ad .ps-ha-sticky a.ps-ha-btn:hover { background: #d4a63e; color: #2a2218; }
.ps-ha-close {
  flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 8px; background: transparent;
  color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer;
}
.ps-ha-close:hover { background: rgba(255, 255, 255, .12); }
.ps-ha-close:focus-visible { outline: 3px solid #e8b84a; outline-offset: 1px; }
@media (min-width: 769px) { .ps-house-ad[data-variant="sticky"], .ps-ha-sticky { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .ps-ha-sticky { transition: none; } }
@media print { .ps-house-ad { display: none !important; } }