/* This file is loaded by the marketplace overview only. */
/* Hide redundant actions only with the app navigation and both replacement links.
   display:none removes their layout, keyboard stops and accessibility-tree entries.
   Without :has support or a mounted navigation, the original actions stay usable. */
.market-app-mode .market-overview-page:has(> .market-app-nav:not([hidden]) > a[href="/anzeige-aufgeben"]:not([hidden])):has(> .market-app-nav:not([hidden]) > a[href="/verkaeufer"]:not([hidden])) .market-overview-head{display:none}
.market-app-mode .market-overview-page:has(> .market-app-nav:not([hidden]) > a[href="/anzeige-aufgeben"]:not([hidden])):has(> .market-app-nav:not([hidden]) > a[href="/verkaeufer"]:not([hidden])) #markt-angebote{margin-top:0}
.market-mobile-only{display:none}
#market-filter-panel,.market-filter-fields,.market-results-meta{display:contents}
#market-message{grid-column:1/-1}
.market-card-image{display:block}
.market-card-copy{display:contents}
.market-card h2 a:focus-visible{outline-offset:2px}
@media(max-width:767px){
 .market-overview-page>.header{padding:12px 16px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}
 .market-overview-page>.header .brand{gap:8px;font-size:12px}
 .market-overview-page>.header .club-logo{width:42px;height:auto}
 .market-overview-page>.header .nav-toggle{margin-left:auto;min-height:44px;padding:10px 12px}
 .market-overview-page>.header .site-navigation{flex-basis:100%}
 .market-overview-page .market{padding:16px 16px 28px;font-size:1rem}
 .market .market-desktop-only{display:none}
 .market .market-mobile-only{display:inline}
 .market-overview-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"logo logo" "intro intro" "post account";gap:10px}
 .market h1.market-logo-heading{grid-area:logo;margin:0}
 .market-logo-link{width:260px;max-width:100%;padding:0;background:transparent;border-radius:0}
 .market-intro{grid-area:intro;margin:0;line-height:1.4}
 .market-account{grid-area:account;margin:0;display:flex}
 .market-overview-head>.actions{display:contents}
 .market-overview-head .actions>a[href="/anzeige-aufgeben"]{grid-area:post}
 .market-overview-head .actions>a[href="#markt-angebote"]{display:none}
 .market .market-overview-head .button{width:100%;min-height:44px;padding:10px 8px;margin:0;font-size:.9375rem;gap:6px;justify-content:center;line-height:1.35;text-align:center}
 .market #markt-angebote{margin-top:20px;scroll-margin-top:12px}
 #markt-angebote>h2{font-size:1.375rem;line-height:1.15;margin-bottom:12px}
 #market-filters{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
 #market-filters label{margin:0;min-width:0;font-size:.875rem;line-height:1.35}
 #market-filters input,#market-filters select{font-size:1rem;min-height:44px;padding:8px;margin-top:4px;max-width:100%}
 #market-filter-toggle{display:flex;width:auto;min-height:44px;padding:9px 12px;margin:0;font-size:1rem;justify-content:center}
 #market-filter-panel{grid-column:1/-1;display:block;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:6px}
 .market-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .market-filter-fields>label{grid-column:1/-1}
 .market-filter-fields>.market-price-filter{grid-column:auto}
 .market .market-filter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
 .market .market-filter-actions .button{flex:1 1 120px;width:auto;min-height:44px;padding:8px;font-size:.9375rem;margin:0;gap:6px;justify-content:center}
 .market-results-meta{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;align-items:center}
 .market-results-meta .market-sort{order:2}
 #market-message{grid-column:auto;order:1;margin:0;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
 #market-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
 #market-list .market-card{display:grid;grid-template-columns:clamp(88px,24vw,104px) minmax(0,1fr);gap:10px;padding:10px;align-items:start;border-radius:6px}
 #market-list .market-card-image{min-width:0}
 #market-list .market-card-image img,#market-list .market-empty-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0;background:#141719}
 #market-list .market-empty-photo{display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.2;padding:6px;text-align:center}
 #market-list .market-card-copy{display:block;min-width:0}
 #market-list h2{font-size:1rem;line-height:1.3;margin:0 0 4px;font-weight:700}
 #market-list .market-price{font-size:1.125rem!important;line-height:1.3;margin:0 0 4px}
 #market-list .market-summary{display:block;font-size:.875rem;line-height:1.35;margin:0;color:var(--muted)}
 #market-list .market-badge{font-size:.875rem;line-height:1.2;padding:3px 5px;margin:0 4px 5px 0}
 #market-list .market-card-details,#market-list .market-card-open{display:none}
 #market-list .market-empty-state{margin:4px 0;font-size:1rem}
 .market .market-notice{margin-top:24px;padding-top:16px}
}
