/* V16.36 — product colour dropdown + showroom archive launch fixes. */

/* ---------- Product filters ---------- */
.als-v169-filters{overflow:visible!important}
.als-v169-color-filter{position:relative!important;min-width:185px!important;z-index:25}
.als-v169-color-filter>summary{
  min-height:48px!important;width:100%;box-sizing:border-box;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:0 13px!important;border:1px solid #dfe5e2!important;border-radius:10px!important;
  background:#fff!important;color:#24372e!important;cursor:pointer!important;list-style:none!important
}
.als-v169-color-filter>summary::-webkit-details-marker{display:none}
.als-v169-color-filter>summary strong{font-size:14px!important;white-space:nowrap}
.als-v169-color-filter>summary small{margin-inline-start:auto!important;color:#68766e!important;font-size:11px!important;white-space:nowrap}
.als-v169-color-filter__panel{
  position:absolute!important;z-index:999!important;top:calc(100% + 7px)!important;inset-inline:0!important;
  min-width:245px!important;max-height:320px!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding:8px!important;border:1px solid #d8e2dd!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 18px 45px rgba(0,52,29,.16)!important
}
.als-v169-color-filter__panel label{
  display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;
  width:100%!important;min-height:40px!important;padding:8px 9px!important;margin:0!important;
  border:0!important;border-radius:8px!important;background:transparent!important;box-sizing:border-box!important;cursor:pointer!important
}
.als-v169-color-filter__panel label:hover{background:#f3f7f4!important}
.als-v169-color-filter__panel input[type="checkbox"]{width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;accent-color:#006b3c}
.als-v169-color-filter__panel label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#24372e!important;font-size:13px!important}
.als-v169-color-filter__panel label>small{color:#7a857e!important;font-size:11px!important}
.als-v169-color-filter[open]>summary{border-color:#7dad91!important;box-shadow:0 0 0 3px rgba(0,107,60,.07)}
.als-v169-color-filter[open] .als-v169-color-filter__arrow{transform:rotate(180deg)}

/* On all catalogue/filter layouts, colour remains a first-class field. */
.als-v169-catalogue .als-v169-filters{
  grid-template-columns:minmax(250px,1fr) minmax(170px,.42fr) minmax(190px,.48fr) minmax(165px,.38fr) auto auto!important
}
.als-v169-category-catalogue .als-v169-filters{
  grid-template-columns:minmax(260px,1fr) minmax(190px,.48fr) minmax(180px,.42fr) auto!important
}

/* ---------- Showrooms archive ---------- */
.als-v167-showrooms{overflow-x:clip}
.als-v167-showrooms-hero{display:block!important}
.als-v167-showroom-browser{min-width:0!important}
.als-v167-showroom-browser>*{min-width:0!important}
.als-v167-showroom-panel{min-width:0!important;overflow:hidden!important}

/* All city filters should be visible instead of a browser-like horizontal scrollbar. */
.als-v167-city-filters{
  display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:8px!important;
  overflow:visible!important;max-height:none!important;padding:16px!important
}
.als-v167-city-filters button{flex:0 0 auto!important;max-width:100%}
.als-v167-showroom-summary{min-width:0!important;gap:14px!important;flex-wrap:wrap!important}
.als-v167-showroom-summary select{max-width:100%!important;min-width:150px!important}
.als-v167-showroom-list{min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important}
.als-v167-showroom-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.als-v167-showroom-card__top,.als-v167-showroom-card__top>div{min-width:0!important}
.als-v167-showroom-card h2,.als-v167-showroom-address,.als-v167-showroom-card p{overflow-wrap:anywhere!important;word-break:normal!important}
.als-v167-showroom-card__actions{min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(108px,auto)!important}
.als-v167-showroom-card__actions .als-v167-btn{min-width:0!important;white-space:normal!important}
.als-v167-showroom-map{min-width:0!important}

@media(max-width:1180px){
  .als-v169-catalogue .als-v169-filters{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(165px,.45fr))!important}
  .als-v169-catalogue .als-v169-filters button,.als-v169-catalogue .als-v169-filters>a{grid-row:2!important}
}
@media(max-width:900px){
  .als-v169-catalogue .als-v169-filters,.als-v169-category-catalogue .als-v169-filters{grid-template-columns:1fr 1fr!important}
  .als-v169-filters>label:first-child{grid-column:1/-1!important}
  .als-v169-color-filter__panel{position:absolute!important;min-width:100%!important}
  .als-v167-showroom-browser{height:auto!important}
}
@media(max-width:680px){
  .als-v169-catalogue .als-v169-filters,.als-v169-category-catalogue .als-v169-filters{grid-template-columns:1fr!important}
  .als-v169-color-filter{width:100%!important;min-width:0!important}
  .als-v169-color-filter__panel{position:static!important;min-width:0!important;margin-top:7px!important;box-shadow:none!important}
  .als-v167-showroom-browser{width:100%!important}
  .als-v167-city-filters{padding:12px!important;gap:6px!important}
  .als-v167-city-filters button{padding:8px 12px!important;font-size:12px!important}
  .als-v167-showroom-summary{align-items:flex-start!important;flex-direction:column!important}
  .als-v167-showroom-summary select{width:100%!important}
  .als-v167-showroom-card__actions{grid-template-columns:1fr!important}
}