/* LAVI v1.70 — hinged wardrobe configurator: 2 / 3 / 4 / 5 doors */

.door-configurator.is-hinged-configurator .pattern-options{
  grid-template-columns:minmax(280px,560px)!important;
  justify-content:start;
}
.door-configurator.is-hinged-configurator .pattern-option{
  width:100%;
}
.door-configurator.is-hinged-configurator .pattern-plan-thumb{
  aspect-ratio:1.25;
  background:#fff;
}
.door-configurator.is-hinged-configurator .pattern-plan-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}

/* The live plan represents the straight front elevation.
   Each hinged door is one independent, full-height selectable panel. */
.wardrobe-plan[data-product-category="hinged"]{
  --hinged-line:#1d1d1d;
  display:grid!important;
  grid-template-columns:repeat(var(--door-count),minmax(0,1fr))!important;
  gap:0!important;
  position:relative!important;
  box-sizing:border-box!important;
  padding:4.5% 6.5% 7.2%!important;
  background:#fff!important;
  isolation:isolate;
}
.wardrobe-plan[data-product-category="hinged"]::before{
  content:"";
  position:absolute;
  left:6.5%;
  right:6.5%;
  bottom:1.2%;
  height:.9%;
  min-height:5px;
  border-radius:2px;
  background:linear-gradient(180deg,#ddd8d0 0%,#9e968a 48%,#e8e3dc 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
  pointer-events:none;
}
.wardrobe-plan[data-product-category="hinged"]>.config-door{
  position:relative!important;
  display:grid!important;
  grid-template-rows:1fr!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  gap:0!important;
  border-left:1.2px solid var(--hinged-line)!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.wardrobe-plan[data-product-category="hinged"]>.config-door:last-child{
  border-right:1.2px solid var(--hinged-line)!important;
}
.wardrobe-plan[data-product-category="hinged"]>.config-door>small{
  display:none!important;
}
.wardrobe-plan[data-product-category="hinged"] .config-panel{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  box-shadow:none!important;
  background-clip:border-box!important;
}
.wardrobe-plan[data-product-category="hinged"] .config-panel>span,
.wardrobe-plan[data-product-category="hinged"] .config-panel>b{
  display:none!important;
}
.wardrobe-plan[data-product-category="hinged"] .config-panel.active{
  box-shadow:inset 0 0 0 4px #741f23!important;
  filter:brightness(.96);
  z-index:4;
}

/* Keep hit-zones fully clickable for every door. */
.wardrobe-plan[data-product-category="hinged"] .config-hit-layer{
  inset:0!important;
}
.wardrobe-plan[data-product-category="hinged"] .config-hit-zone{
  width:100%!important;
  height:100%!important;
  top:0!important;
}

/* 5-door summaries must stay readable. */
.door-configurator.is-hinged-configurator .summary-doors{
  gap:8px;
}

@media(max-width:700px){
  .door-configurator.is-hinged-configurator .pattern-options{
    grid-template-columns:1fr!important;
  }
  .door-configurator.is-hinged-configurator .pattern-plan-thumb{
    aspect-ratio:1.3;
  }
  .wardrobe-plan[data-product-category="hinged"]{
    padding:4.5% 6% 7.5%!important;
  }
  .wardrobe-plan[data-product-category="hinged"]::before{
    left:6%;
    right:6%;
  }
  .wardrobe-plan[data-product-category="hinged"]>.config-door{
    border-left-width:1px!important;
  }
  .wardrobe-plan[data-product-category="hinged"]>.config-door:last-child{
    border-right-width:1px!important;
  }
  .door-configurator.is-hinged-configurator .summary-doors{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}