/* Musicrew Showcase — page-specific layer (reuses home.css for shared components) */

.mc-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font:var(--type-body-sm)}
.mc-breadcrumbs a{color:var(--text-link)}
.mc-breadcrumbs .mc-crumb-current{color:var(--text-muted)}
.mc-breadcrumbs svg{vertical-align:middle}

.mc-page-header{margin-bottom:var(--space-6)}
.mc-page-header h1{font:var(--type-h2);letter-spacing:var(--tracking-tight)}

.mc-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:calc(-1 * var(--space-5))}
.mc-featured-card{display:grid;grid-template-columns:220px 1fr;min-height:340px;background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);overflow:hidden}
.mc-featured-card img{width:220px;height:100%;object-fit:cover;display:block}
.mc-featured-card__body{display:grid;gap:var(--space-2);align-content:start;padding:var(--card-pad)}
.mc-featured-card__eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--yellow-800)}
.mc-featured-card__title{font:var(--type-h4);color:var(--text-heading)}
.mc-featured-card__body p{font:var(--type-body-sm);color:var(--text-body)}

.mc-showcase-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-12);align-items:start}

.mc-rail{display:grid;gap:var(--space-5);align-content:start;position:sticky;top:calc(var(--nav-h) + 24px)}
.mc-rail__head{display:flex;align-items:center;justify-content:space-between}
.mc-rail__title{display:inline-flex;align-items:center;gap:8px;font:var(--type-label);color:var(--text-heading)}
.mc-rail__clear{font:var(--type-body-sm);cursor:pointer;background:none;border:0;padding:0;color:var(--text-link)}
.mc-rail-group{display:grid;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1.5px solid var(--border-subtle)}
.mc-rail-group__label{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}

.mc-field{display:flex;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 14px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);transition:var(--transition-control)}
.mc-field:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}
.mc-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:var(--type-body);color:var(--text-heading)}
.mc-field svg{color:var(--text-muted)}

.mc-select-wrap{position:relative;display:block}
.mc-select{width:100%;height:var(--control-h-md);padding:0 40px 0 14px;font:var(--type-body);color:var(--text-heading);appearance:none;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer}
.mc-select:focus{outline:0;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}
.mc-select--sm{height:var(--control-h-sm);font-size:var(--text-sm)}
.mc-select-wrap svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}

.mc-checkbox{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer;margin-top:var(--space-2);position:relative}
.mc-checkbox input{position:absolute;opacity:0;width:1px;height:1px}
.mc-checkbox__box{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;margin-top:1px;border-radius:var(--radius-xs);border:1.5px solid var(--border-default);background:var(--surface-card);transition:var(--transition-control)}
.mc-checkbox input:checked ~ .mc-checkbox__box{background:var(--accent);border-color:var(--accent-deep)}
.mc-checkbox__box svg{display:none;color:var(--text-on-brand)}
.mc-checkbox input:checked ~ .mc-checkbox__box svg{display:block}
.mc-checkbox__label{font:var(--type-body-sm);color:var(--text-heading)}

.mc-loc-wrap{position:relative}
.mc-loc-suggestions{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;display:none}
.mc-loc-suggestions.is-open{display:block}
.mc-loc-suggestions button{display:flex;align-items:center;gap:var(--space-2);width:100%;background:none;border:0;padding:9px 12px;cursor:pointer;text-align:left;font:var(--type-body-sm);color:var(--text-heading)}
.mc-loc-suggestions button:hover{background:var(--surface-hover)}

.mc-map{position:relative;margin-top:4px}
.mc-map .mc-media{aspect-ratio:4/3}
.mc-map__label{position:absolute;left:var(--space-3);bottom:var(--space-3);background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px 10px;font:var(--type-body-sm);color:var(--text-heading)}

.mc-results-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}
.mc-results-bar__count{font:var(--type-body);color:var(--text-body)}

.mc-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.mc-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-brand-soft);border:1.5px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px 12px;cursor:pointer;font:var(--type-body-sm);color:var(--text-heading)}
.mc-chip:hover{background:var(--stone-100)}

.mc-musician{display:grid;grid-template-rows:auto 1fr;cursor:pointer;transition:var(--transition-card)}
.mc-musician:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.mc-musician__media{aspect-ratio:4/3;border-radius:0}
.mc-musician__body{display:grid;gap:var(--space-2);padding:var(--card-pad)}
.mc-musician__name-row{display:flex;align-items:center;gap:var(--space-2)}
.mc-musician__name-row h4{font:var(--type-h4)}
.mc-musician__loc{display:inline-flex;align-items:center;gap:6px;font:var(--type-body-sm);color:var(--text-muted)}
.mc-musician__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}
.mc-stars{display:inline-flex;align-items:center;gap:var(--space-2)}
.mc-stars__icons{display:inline-flex;gap:2px}
.mc-stars__value{font:var(--type-label);color:var(--text-heading)}
.mc-stars__count{font:var(--type-body-sm);color:var(--text-muted)}

.mc-empty{display:grid;place-items:center;gap:var(--space-3);text-align:center;padding:var(--space-16) var(--space-8);background:var(--surface-sunken);border:1.5px dashed var(--border-default);border-radius:var(--radius-card)}
.mc-empty__icon{width:52px;height:52px;border-radius:var(--radius-pill);background:var(--surface-brand-soft);display:grid;place-items:center}
.mc-empty h4{font:var(--type-h4)}
.mc-empty p{font:var(--type-body-sm);color:var(--text-muted);max-width:380px;margin:0}

.mc-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-6);border-top:1.5px solid var(--border-subtle)}
.mc-pagination-row__count{font:var(--type-body-sm);color:var(--text-muted)}
.mc-pagination{display:flex;align-items:center;gap:var(--space-2)}
.mc-page-btn{min-width:34px;height:34px;border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--text-heading);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);transition:var(--transition-control)}
.mc-page-btn.is-active{border-color:var(--accent-deep);background:var(--accent)}
.mc-page-ellipsis{color:var(--text-muted);padding:0 2px}
.mc-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--text-heading);cursor:pointer;transition:var(--transition-control)}
.mc-icon-btn:hover:not(:disabled){background:var(--surface-hover)}
.mc-icon-btn:disabled{opacity:.4;cursor:not-allowed}

.mc-poster-cta{display:grid;gap:var(--space-5);background:var(--surface-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-poster);padding:var(--space-8);justify-items:start;margin-top:var(--space-6)}
.mc-poster-cta h2{font:var(--type-h3);color:var(--text-heading);max-width:34ch}
.mc-poster-cta p{font:var(--type-body);color:var(--text-body);max-width:60ch}