/* 2026-07-09 focused polish: footer notification + header controls. */
body .site-header .header-actions button.menu-toggle[data-menu-toggle],
body header.site-header button.menu-toggle[data-menu-toggle],
body .site-header button.profile-section-menu-toggle[data-menu-toggle],
body header.site-header button.profile-section-menu-toggle[data-menu-toggle],
html[data-theme="dark"] body .site-header button.menu-toggle[data-menu-toggle],
html[data-theme="dark"] body header.site-header button.menu-toggle[data-menu-toggle],
html[data-theme="light"] body .site-header button.menu-toggle[data-menu-toggle],
html[data-theme="light"] body header.site-header button.menu-toggle[data-menu-toggle]{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#050505 0%,#0c0904 56%,#171006 100%)!important;
  border:2px solid rgba(224,176,80,.92)!important;
  color:#f6d77d!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 0 1px rgba(255,236,170,.18) inset,inset 0 1px 0 rgba(255,244,199,.16)!important;
}
body .site-header .header-actions button.menu-toggle[data-menu-toggle] span,
body header.site-header button.menu-toggle[data-menu-toggle] span,
body .site-header button.profile-section-menu-toggle[data-menu-toggle] span,
body header.site-header button.profile-section-menu-toggle[data-menu-toggle] span{
  display:block!important;
  width:22px!important;
  height:2px!important;
  min-height:2px!important;
  max-height:2px!important;
  border-radius:999px!important;
  background:#f6d77d!important;
  color:#f6d77d!important;
  box-shadow:0 0 8px rgba(246,215,125,.28)!important;
}
body .site-header .header-actions button.menu-toggle[data-menu-toggle]:hover,
body header.site-header button.menu-toggle[data-menu-toggle]:hover,
body .site-header .header-actions button.menu-toggle[data-menu-toggle]:focus-visible,
body header.site-header button.menu-toggle[data-menu-toggle]:focus-visible,
body .site-header button.menu-toggle[data-menu-toggle][aria-expanded="true"],
body header.site-header button.menu-toggle[data-menu-toggle][aria-expanded="true"]{
  background:linear-gradient(180deg,#090806 0%,#171006 100%)!important;
  border-color:#f0c766!important;
  color:#f6d77d!important;
  outline:none!important;
}
body header.site-header .header-theme-button.theme-toggle-pill .theme-toggle-track,
body .site-header .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}
html[data-theme="light"] body header.site-header .header-theme-button.theme-toggle-pill .theme-toggle-track,
html[data-theme="light"] body .site-header .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.28)!important;
}
body main.site-main .container.browse-page .infinite-sentinel.is-done .browse-join-nudge,
body main.site-main .browse-page .infinite-sentinel .browse-join-nudge,
body main.site-main .browse-join-nudge,
body .toast-host .game-toast,
body article.game-toast{
  background:#07080a!important;
  background-image:linear-gradient(180deg,#07080a 0%,#120e08 100%)!important;
  background-color:#07080a!important;
  border:1px solid rgba(224,176,80,.92)!important;
  color:#f8fafc!important;
  box-shadow:0 22px 54px rgba(0,0,0,.62),0 0 0 1px rgba(255,228,150,.10) inset!important;
  isolation:isolate!important;
}
body .toast-host{z-index:9999!important;}
body .toast-host .game-toast,
body article.game-toast{position:relative!important;z-index:10000!important;}
body main.site-main .container.browse-page .infinite-sentinel.is-done .browse-join-nudge strong,
body main.site-main .browse-join-nudge strong,
body article.game-toast strong{color:#fff8dc!important;}
body main.site-main .container.browse-page .infinite-sentinel.is-done .browse-join-nudge span,
body main.site-main .browse-join-nudge span,
body article.game-toast p{color:#d6d3c8!important;}
body main.site-main .container.browse-page .infinite-sentinel.is-done .browse-end-beta-signup,
body main.site-main .browse-end-beta-signup,
body article.game-toast .game-toast-action{
  background:linear-gradient(135deg,#f5d27a,#c58a24)!important;
  color:#160f05!important;
  border:1px solid rgba(255,236,170,.78)!important;
  box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
body .browse-end-celebration-stage{display:none!important;}

/* Listing detail: title first, slideshow immediately below the title. */
body main.site-main .permanent-listing-page .detail-shell{
  display:block!important;
  max-width:min(980px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body main.site-main .permanent-listing-page .detail-panel{
  max-width:min(980px,100%)!important;
  margin:0 auto!important;
}
body main.site-main .permanent-listing-page .detail-panel > h1{
  margin-bottom:.85rem!important;
}
body main.site-main .permanent-listing-page .detail-panel > .detail-media.listing-slideshow{
  width:100%!important;
  max-width:860px!important;
  margin:.25rem auto 1.15rem!important;
}

/* Reuse Browse-style image overlays on dashboard-owned cards and similar-listing cards. */
body main.site-main .dashboard-own-listing-grid,
body main.site-main .related-listing-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:1rem!important;
}
body main.site-main .dashboard-own-listing-card .listing-image-wrap,
body main.site-main .related-listing-card .listing-image-wrap{
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px 18px 0 0!important;
  aspect-ratio:4/3!important;
  min-height:0!important;
}
body main.site-main .dashboard-own-listing-card .listing-image-link,
body main.site-main .dashboard-own-listing-card .listing-img,
body main.site-main .related-listing-card .listing-image-link,
body main.site-main .related-listing-card .listing-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body main.site-main .dashboard-own-listing-card .browse-card-overlay-top,
body main.site-main .related-listing-card .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:block!important;
  pointer-events:none!important;
}
body main.site-main .dashboard-own-listing-card .image-type-pill,
body main.site-main .related-listing-card .image-type-pill{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.28rem!important;
  min-height:32px!important;
  padding:.32rem .62rem!important;
  border-radius:999px!important;
  background:rgba(52,211,153,.94)!important;
  color:#052e1b!important;
  border:1px solid rgba(187,247,208,.58)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
  font-size:.76rem!important;
  font-weight:950!important;
  pointer-events:auto!important;
}
body main.site-main .dashboard-own-listing-card.listing-card-service .image-type-pill,
body main.site-main .related-listing-card.listing-card-service .image-type-pill,
body main.site-main .related-listing-grid .listing-card-service .image-type-pill{
  background:#9ecbff!important;
  color:#0d1724!important;
  border-color:rgba(191,219,254,.58)!important;
}
body main.site-main .related-listing-grid .listing-card-service .image-location-pill,
body main.site-main .related-listing-grid .listing-card-service .loc,
body main.site-main .related-listing-grid .listing-card-service .image-rating-pill,
body main.site-main .related-listing-grid .listing-card-service .browse-card-reaction-pair{
  background:#9ecbff!important;
  color:#0d1724!important;
  border-color:rgba(191,219,254,.58)!important;
}
body main.site-main .related-listing-grid .listing-card-service .image-location-pill *,
body main.site-main .related-listing-grid .listing-card-service .loc *,
body main.site-main .related-listing-grid .listing-card-service .image-rating-pill *,
body main.site-main .related-listing-grid .listing-card-service .browse-card-reaction-pair *{
  color:#0d1724!important;
}
body main.site-main .dashboard-own-listing-card .image-location-pill,
body main.site-main .related-listing-card .image-location-pill{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  z-index:5!important;
  max-width:calc(100% - 16px)!important;
  padding:.28rem .56rem!important;
  border-radius:999px!important;
  background:rgba(7,8,10,.76)!important;
  color:#f8fafc!important;
  border:1px solid rgba(224,176,80,.55)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.3)!important;
  font-size:.72rem!important;
  font-weight:850!important;
}
body main.site-main .dashboard-own-listing-card .listing-status-overlay{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:6!important;
  padding:.32rem .62rem!important;
  border-radius:999px!important;
  background:rgba(7,8,10,.84)!important;
  color:#f8fafc!important;
  border:1px solid rgba(224,176,80,.65)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.3)!important;
  font-size:.72rem!important;
  font-weight:950!important;
}
body main.site-main .dashboard-own-listing-card .listing-status-overlay.is-active{
  background:rgba(52,211,153,.94)!important;
  color:#052e1b!important;
  border-color:rgba(187,247,208,.58)!important;
}
body main.site-main .dashboard-own-listing-card .listing-manage-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.45rem!important;
  margin-top:.65rem!important;
}
