/* Category menus continue the existing tabs without a separate card treatment. */
.market-dropdown{position:relative;min-width:0}
.market-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;white-space:nowrap;transition:background .14s,color .14s}
.market-trigger-copy{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;line-height:20px}
.market-trigger-value{font-size:.75rem;font-weight:400;line-height:16px;opacity:.8}
.market-trigger-value:empty{display:none}
.market-trigger-value:not(:empty)::before{content:'·';margin-right:6px}
.market-trigger-chevron{display:block;align-self:center;width:13px;height:13px;flex-shrink:0;margin:0;opacity:.75;transform:translateY(1px);transition:transform .16s ease}
.market-trigger[aria-expanded=true] .market-trigger-chevron{transform:translateY(1px) rotate(180deg)}
.market-menu{position:absolute;top:100%;left:0;z-index:60;width:100%;min-width:0;padding:2px 0;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;background:#fff;color:var(--ink);box-shadow:0 5px 10px #1422380d;animation:market-menu-in .13s ease-out;transform-origin:top center}
.market-menu[hidden]{display:none}
.market-menu .market-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;font-size:.875rem;font-weight:400;line-height:22px;white-space:nowrap;transition:background .12s,color .12s}
.market-menu .market-option+.market-option{border-top:1px solid #edf0f4}
.market-option-check{width:15px;height:15px;flex-shrink:0;color:var(--green);stroke-width:1.8;opacity:0}
.market-menu .market-option:is(:hover,:focus-visible){background:#f5f7fa;color:var(--green)}
.market-menu .market-option[aria-checked=true]{background:#eff4fc;color:var(--green);font-weight:500}
.market-option[aria-checked=true] .market-option-check{opacity:1}
.market-menu .market-option:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.header .market-trigger{height:44px;padding-block:4px;border-bottom:2px solid transparent}
.header .market-trigger-copy{flex-direction:column;align-items:flex-start;gap:0;line-height:17px}
.header .market-trigger-value{font-size:.6875rem;line-height:14px}
.header .market-trigger-value:not(:empty)::before{content:none}
.header .market-dropdown.is-active>.market-trigger{border-bottom-color:var(--green);color:var(--green)}
.header .market-dropdown.is-open>.market-trigger{border-bottom-color:transparent;border-radius:6px 6px 0 0;background:#fff;color:var(--green)}
.header .market-menu .nav-mode{display:flex;border-bottom:0;color:var(--ink)}
.header .market-menu .nav-mode:is(:hover,:focus-visible),.header .market-menu .nav-mode[aria-checked=true]{color:var(--green)}
.compact-search .search-tabs{grid-template-columns:.8fr 1.25fr 1.2fr;max-width:560px;overflow:visible}
.compact-search .search-tabs>.search-tab{display:flex;align-items:center;justify-content:center;border-radius:6px 0 0 6px;min-height:36px;line-height:20px}
.compact-search .market-trigger{width:100%;height:36px;padding:5px 10px;border:0;border-radius:0;background:transparent;color:#fff;font-size:.875rem;font-weight:500;line-height:20px}
.compact-search .market-dropdown:last-child>.market-trigger{border-radius:0 6px 6px 0}
.compact-search .market-trigger:is(:hover,:focus-visible){background:#ffffff25}
.compact-search .market-dropdown.is-active>.market-trigger,.compact-search .market-dropdown.is-open>.market-trigger{background:#fff;color:var(--green);font-weight:500}
.compact-search .market-dropdown.is-open>.market-trigger{border-radius:0}
.compact-search .market-dropdown:last-child.is-open>.market-trigger{border-radius:0 6px 0 0}
.compact-search .market-trigger:focus-visible{outline-offset:-3px}
.compact-search .market-menu .market-option{padding:10px 12px;border-radius:0;color:var(--ink);background:transparent}
.compact-search .market-menu .market-option:is(:hover,:focus-visible){background:#f5f7fa;color:var(--green)}
.compact-search .market-menu .market-option[aria-checked=true]{background:#eff4fc;color:var(--green);font-weight:500}
body:has(#marketplace-home:not([hidden]))>.header .market-trigger{color:#eaf2ff}
body:has(#marketplace-home:not([hidden]))>.header .market-dropdown.is-active>.market-trigger{color:#fff;border-bottom-color:#bdd7ff}
body:has(#marketplace-home:not([hidden]))>.header .market-dropdown.is-open>.market-trigger{color:var(--green);background:#fff;border-bottom-color:transparent}
body:has(#marketplace-home:not([hidden]))>.header .market-menu .nav-mode{color:var(--ink);border-bottom:0}
body:has(#marketplace-home:not([hidden]))>.header .market-menu .nav-mode:is(:hover,:focus-visible),body:has(#marketplace-home:not([hidden]))>.header .market-menu .nav-mode[aria-checked=true]{color:var(--green)}
body:has(#marketplace-home:not([hidden]))>.header .market-menu .market-option:focus-visible{outline-color:var(--green)}
#marketplace-home .search-box:has(.market-dropdown.is-open){z-index:40}
@keyframes market-menu-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.header-market-modes{gap:16px}}
@media(max-width:760px){
  .compact-search .search-tabs{grid-template-columns:.8fr 1.2fr 1.15fr;max-width:none;min-height:40px}
  .compact-search .market-trigger{height:40px;gap:4px;padding:4px 5px;font-size:.8125rem;line-height:17px}
  .compact-search .market-trigger-copy{flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:17px}
  .compact-search .market-trigger-value{font-size:.6875rem;line-height:14px}
  .compact-search .market-trigger-value:not(:empty)::before{content:none}
  .compact-search .market-trigger-chevron{width:12px;height:12px}
  .compact-search .search-tabs>.search-tab{min-height:40px;font-size:.8125rem;padding-inline:5px;line-height:17px}
  .compact-search .market-menu .market-option{padding:10px 9px;font-size:.8125rem}
  .compact-search .search-top .filter-button{min-height:42px}
}
@media(max-width:380px){
  .compact-search .search-top{gap:6px}
  .compact-search .market-trigger,.compact-search .search-tabs>.search-tab{font-size:.75rem;padding-inline:3px}
  .compact-search .search-top .filter-button{position:relative;min-width:38px;padding-inline:9px}
  .compact-search .search-top .filter-button>span:not(#filter-count){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .compact-search .search-top .filter-button #filter-count:not(:empty){position:absolute;top:-5px;right:-5px;min-width:17px;padding:1px 4px;border:1px solid #fff;border-radius:10px;background:var(--green);color:#fff;font-size:.625rem}
}
@media(prefers-reduced-motion:reduce){.market-menu{animation:none}.market-trigger,.market-trigger-chevron,.market-option{transition:none}}

/* Keep the original tab treatment for the three vessel markets. */
.compact-search .search-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-search .search-tabs>.search-tab{border-radius:0}
.compact-search .search-tabs>.search-tab:first-child{border-radius:6px 0 0 6px}
.compact-search .search-tabs>.search-tab:last-child{border-radius:0 6px 6px 0}
