/* OptiSuite — pad-keuze (Direct / Met ontwerp) bovenaan de configurator.
   Additief; verbergt bij Direct alleen de kleur- en zijde-keuzes. */

.ospad {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px;
  margin: 10px 0 6px;
  background: #ffffff;
  border: 1px solid #E0D9CC;
  border-radius: 12px;
}

.ospad-title {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #2A4A5E;
  margin-bottom: 4px;
}

.ospad-opt {
  flex: 1;
  min-width: 220px;
  text-align: left;
  border: 1px solid #B8B2A6;
  background: #ffffff;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.ospad-opt:hover {
  border-color: #D47A3A;
}

.ospad-opt.active {
  border: 2px solid #B5541E;
  background: #F5DFD0;
}

.ospad-opt strong {
  display: block;
  color: #B5541E;
  font-size: 14px;
  margin-bottom: 2px;
}

.ospad-opt span {
  display: block;
  color: #6b6a63;
  font-size: 12px;
  line-height: 1.35;
}

/* Direct-pad: kleur- en zijde-keuzes overslaan */
body.pad-direct #kleur-dak-section,
body.pad-direct #kleur-wanden-section,
body.pad-direct #zijdes-section,
body.pad-direct #brand-zijdes-section,
body.pad-direct .sd-kleur-blok,
body.pad-direct .ld-zijde-blok,
body.pad-direct .rk-zijde-blok {
  display: none !important;
}

/* Direct-pad: geen positie-sliders; het paneel toont een statisch 2D-vooraanzicht
   (geen aanzicht-knoppen). Besluit Castillo 25 juli 2026. */
body.pad-direct .sd-positie-blok,
body.pad-direct .loods3d-zijde-keuze,
body.pad-direct .loods3d-overzicht {
  display: none !important;
}