/* Permanent Community Market dark blue palette. */
/* Approved navy-and-blue palette, labelled Light by the member. */
/* Community Market night palette. Kept separate from the marketplace layout. */
:root[data-theme="dark"]{color-scheme:dark;--blue:#58a6ff;--ink:#edf5ff;--muted:#b2c7dc;--line:#29445b;--bg:#06111d;--card:#0d1e2d;--green:#65b4ff;--amber:#ffca69}
:root[data-theme="dark"] body,:root[data-theme="dark"] .layout{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .top,:root[data-theme="dark"] .side,:root[data-theme="dark"] .card,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .dropdown,:root[data-theme="dark"] .nav,:root[data-theme="dark"] .sheet{background:var(--card);color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .search input{background:#091a29;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] input:focus,:root[data-theme="dark"] textarea:focus{background:#10283b;border-color:#65b4ff}
:root[data-theme="dark"] .iconbtn,:root[data-theme="dark"] .header-profile,:root[data-theme="dark"] .btn.ghost,:root[data-theme="dark"] .nav a:hover{background:#153049;color:#ecf5ff}
:root[data-theme="dark"] .muted,:root[data-theme="dark"] small{color:var(--muted)}
:root[data-theme="dark"] a{color:inherit}
:root[data-theme="dark"] .btn.primary,:root[data-theme="dark"] .avatar{background:#0965de;color:white}
:root[data-theme="dark"] .badge,:root[data-theme="dark"] .pill{border-color:var(--line)}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .top,:root[data-theme="dark"] .side{box-shadow:none}


/* Dark mode contrast corrections: home hero, conversation cards and mobile nav. */
:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .home-hero,
:root[data-theme="dark"] .community-hero{
  background:linear-gradient(130deg,#123d69,#081c31)!important;
  color:#f2f7ff!important;border:1px solid #32648d;
}
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .hero h2,
:root[data-theme="dark"] .hero p{color:#f2f7ff!important;opacity:1}
:root[data-theme="dark"] .hero .btn,
:root[data-theme="dark"] .hero .btn.light,
:root[data-theme="dark"] .hero a.btn{background:#2684ff!important;color:#ffffff!important;font-weight:800}
:root[data-theme="dark"] .hero .btn:hover{background:#62a6ff!important}
:root[data-theme="dark"] .mobilebar,
:root[data-theme="dark"] .mobile-menu summary,
:root[data-theme="dark"] .mobile-menu nav{background:#0d1e2d!important;color:#ecf5ff!important;border-color:#29445b}
:root[data-theme="dark"] .mobilebar a,
:root[data-theme="dark"] .mobile-menu a{color:#d7e8f9!important}
:root[data-theme="dark"] .mobilebar a.active,
:root[data-theme="dark"] .mobile-menu a.active{color:#70b8ff!important}
:root[data-theme="dark"] .forum-mode{background:#06111d!important;color:#edf5ff!important}
:root[data-theme="dark"] .forum-board,
:root[data-theme="dark"] .forum-thread,
:root[data-theme="dark"] .forum-search,
:root[data-theme="dark"] .message,
:root[data-theme="dark"] .mobile-menu a,
:root[data-theme="dark"] .venue-map-label{background:#0d1e2d!important;color:#edf5ff!important;border-color:#29445b}
:root[data-theme="dark"] .message.mine{background:#153e65!important}
:root[data-theme="dark"] .forum-board .board-copy>span,
:root[data-theme="dark"] .forum-thread .muted{color:#b2c7dc!important}
:root[data-theme="dark"] .pill,
:root[data-theme="dark"] .board-count{background:#103c64!important;color:#c1f5d9!important}
:root[data-theme="dark"] .product .pic,
:root[data-theme="dark"] .detail-image,
:root[data-theme="dark"] .feedpost .photo{background:#25382f!important;color:#d7e8f9}
:root[data-theme="dark"] .btn.ghost,
:root[data-theme="dark"] .text-link{color:#b4f1d0!important}
:root[data-theme="dark"] .btn:focus-visible,
:root[data-theme="dark"] a:focus-visible{outline-color:#77e7b1}


/* Selected charcoal-green palette for the dark home feature panels. */
:root[data-theme="dark"] .hero,
:root[data-theme="dark"] .home-hero,
:root[data-theme="dark"] .community-hero{
  background:#10273a!important;
  color:#f2f7ff!important;
  border:1px solid #29445b;
}
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .hero h2,
:root[data-theme="dark"] .hero p{
  color:#f2f7ff!important;
}
:root[data-theme="dark"] .hero p{color:#c8ded2!important}
:root[data-theme="dark"] .hero .btn,
:root[data-theme="dark"] .hero .btn.light,
:root[data-theme="dark"] .hero a.btn{
  background:#36a978!important;
  color:#092318!important;
}

/* Match each surface to its text; shared by mobile and desktop pages. */
:root[data-theme="dark"] .titlebar,
:root[data-theme="dark"] .forum-hero,
:root[data-theme="dark"] .discussion-hero{
  background:#10273a;color:#edf5ff;border:1px solid #29445b;
}
:root[data-theme="dark"] .titlebar h1,
:root[data-theme="dark"] .forum-hero h1,
:root[data-theme="dark"] .discussion-hero h1{color:#edf5ff}
:root[data-theme="dark"] .titlebar .page-intro,
:root[data-theme="dark"] .forum-hero p,
:root[data-theme="dark"] .discussion-hero p{color:#c8ded2;opacity:1;text-shadow:none}
:root[data-theme="dark"] .hero-community .forum-icon{fill:none;stroke:#70b8ff}
:root[data-theme="dark"] .form label,
:root[data-theme="dark"] .side h4,
:root[data-theme="dark"] .venue-review-form label{color:#d7e8f9}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{color:#b2c7dc;opacity:1}
:root[data-theme="dark"] .price,
:root[data-theme="dark"] .thread-board,
:root[data-theme="dark"] .discussion-board{color:#70b8ff}
:root[data-theme="dark"] .thread-excerpt{color:#b2c7dc}
:root[data-theme="dark"] .venue-photo-empty,
:root[data-theme="dark"] .venue-photo-tile,
:root[data-theme="dark"] .venue-photo-more,
:root[data-theme="dark"] .venue-price-panel details,
:root[data-theme="dark"] .venue-reviews-panel,
:root[data-theme="dark"] .discussion-options,
:root[data-theme="dark"] .forum-suggestions,
:root[data-theme="dark"] .forum-board-menu a{
  background:#0d1e2d;color:#edf5ff;border-color:#29445b;
}
:root[data-theme="dark"] .forum-suggestion{color:#edf5ff}
:root[data-theme="dark"] .forum-suggestion span{color:#b2c7dc}
:root[data-theme="dark"] .forum-suggestion:hover,
:root[data-theme="dark"] .forum-suggestion:focus{background:#153049}
:root[data-theme="dark"] .tab{background:#153049;color:#edf5ff;border-color:#3b617e}
:root[data-theme="dark"] .tab.on,
:root[data-theme="dark"] .forum-board-menu a[aria-current="page"]{background:#1269ed;color:#fff;border-color:#70b8ff}
:root[data-theme="dark"] .mobilebar a.active,
:root[data-theme="dark"] .nav a.active,
:root[data-theme="dark"] .mobile-menu a.active{background:#103c64!important;color:#f2f7ff!important}
:root[data-theme="dark"] .mobilebar a.active:after{background:#70b8ff}
:root[data-theme="dark"] .forum-page .forum-start,
:root[data-theme="dark"] .forum-page .forum-submit{color:#fff}
:root[data-theme="dark"] .forum-post footer a,
:root[data-theme="dark"] .forum-post footer button{color:#d7e8f9}
:root[data-theme="dark"] .account-tiles h2{color:#70b8ff}

/* Keep short navigation labels readable at phone widths. */
@media(max-width:760px){.mobilebar a{font-size:12px;font-weight:750;text-transform:none}.mobilebar a.active:after{background:#1269ed}}


/* Standalone registration and policy pages share the permanent palette. */
:root[data-theme="dark"] body{background:#06111d;color:#edf5ff}
:root[data-theme="dark"] body>main{background:#0d1e2d;color:#edf5ff}
:root[data-theme="dark"] .right{background:#091a29;color:#edf5ff}

.account-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 14px;margin:12px 0}.account-tabs button{white-space:nowrap;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer}.account-tabs button[aria-selected=true]{background:var(--blue);color:#071823;font-weight:700}:root[data-theme=dark] .account-tabs button[aria-selected=true]{background:#1269ed;color:white}.account-group h2{font-size:18px}.account-choice{display:grid!important;grid-template-columns:38px 1fr;gap:3px 12px!important;padding:12px!important;margin:0!important;align-items:center}.account-choice .community-account-icon{grid-row:1/3;width:36px;height:36px;border-radius:10px}.account-choice strong{font-size:15px}.account-choice small{font-size:12px}.account-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-identity{display:flex;align-items:center;gap:16px;padding:14px!important}.account-identity h2{margin:0 0 6px}.account-identity p{margin:5px 0}@media(max-width:540px){.account-tiles{grid-template-columns:1fr}}:root[data-theme=dark] .top{background:#081c2d!important}:root[data-theme=dark] .side{background:#091a29!important}:root[data-theme=dark] .top .brand,:root[data-theme=dark] .top a{color:#edf5ff}

@media(max-width:540px){.account-tabs{gap:4px;overflow:visible}.account-tabs button{flex:1;min-width:0;padding:9px 2px;font-size:13px;white-space:normal;overflow-wrap:anywhere}}

/* Account menu accents remain colourful in both saved themes. */
.account-tabs [data-account-tab=Activity]{--menu-rgb:23,105,206;--menu-solid:#1769ce}
.account-tabs [data-account-tab=Shops]{--menu-rgb:180,106,14;--menu-solid:#a35d08}
.account-tabs [data-account-tab=Social]{--menu-rgb:119,63,192;--menu-solid:#773fc0}
.account-tabs [data-account-tab=Saved]{--menu-rgb:8,127,137;--menu-solid:#087f89}
.account-tabs [data-account-tab=Settings]{--menu-rgb:22,131,75;--menu-solid:#127340}
.account-tabs [data-account-tab]{background:linear-gradient(rgba(var(--menu-rgb),.22),rgba(var(--menu-rgb),.22)),var(--card);border-color:rgba(var(--menu-rgb),.85);color:var(--ink)}
:root[data-theme] .account-tabs [data-account-tab][aria-selected=true]{background:var(--menu-solid);color:#fff;border-color:var(--menu-solid);box-shadow:inset 0 -3px 0 #ffffff7a;font-weight:700}
.account-tabs [data-account-tab]:focus-visible,.account-choice:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.account-choice[data-menu-color=blue]{--menu-rgb:23,105,206}.account-choice[data-menu-color=green]{--menu-rgb:22,131,75}.account-choice[data-menu-color=orange],.account-choice[data-menu-color=amber]{--menu-rgb:180,106,14}.account-choice[data-menu-color=purple]{--menu-rgb:119,63,192}.account-choice[data-menu-color=pink],.account-choice[data-menu-color=rose]{--menu-rgb:182,55,111}.account-choice[data-menu-color=teal],.account-choice[data-menu-color=cyan]{--menu-rgb:8,127,137}
:root .account-choice[data-menu-color]{background:linear-gradient(110deg,rgba(var(--menu-rgb,23,105,206),.24),rgba(var(--menu-rgb,23,105,206),.08)),var(--card);border-color:rgba(var(--menu-rgb,23,105,206),.65);border-left:4px solid rgb(var(--menu-rgb,23,105,206))}
:root .account-choice[data-menu-color] .community-account-icon{background:rgb(var(--menu-rgb,23,105,206));color:white}

.local-browse-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:12px;align-items:start}.local-browse-copy{min-width:0}.local-browse-card h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.local-place-open:after{content:'';position:absolute;inset:0;border-radius:inherit}.local-place-open:focus-visible:after{outline:3px solid var(--blue);outline-offset:3px}.local-browse-address span{display:block}.local-browse-photo{margin:0;width:108px;min-width:0}.local-browse-photo img{display:block;width:108px;height:112px;object-fit:cover;border-radius:10px}.local-browse-photo figcaption{font-size:10px;overflow-wrap:anywhere;margin-top:4px}.local-browse-photo a,.local-place-phone a{position:relative;z-index:1}.local-photo-empty{height:112px;display:grid;place-items:center;border-radius:10px;background:var(--bg);color:var(--muted);font-size:12px}.local-place-phone a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:700}.local-place-phone{margin:4px 0}.local-browse-copy p{margin:7px 0}@media(max-width:360px){.local-browse-card{grid-template-columns:minmax(0,1fr) 88px;gap:8px}.local-browse-photo,.local-browse-photo img{width:88px}}

.local-search-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.local-search-controls .btn{min-width:0;min-height:48px;padding:10px 4px;font-size:14px;white-space:normal}#local-advanced[hidden]{display:none!important}

.account-tabs{flex-wrap:wrap}.account-tabs .account-transport-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 16px;border:1px solid #1769ce;border-radius:12px;background:linear-gradient(110deg,#1769ce55,#1769ce22),var(--card);color:var(--ink);font-weight:700}@media(max-width:540px){.account-tabs .account-transport-tab{flex:1 1 100%;padding:9px 12px}}

