/* ============================================================
   Profil terrasse — delta au-dessus de core.css
   Ne contient que ce qui est propre au calcul de terrasse.
   Chargé après le noyau : à sélecteur de spécificité égale,
   les règles ci-dessous l'emportent.
   ============================================================ */

/* L'encadré d'une sous-option est ici un <label> unique : il porte donc
   lui-même la mise en ligne et le curseur, là où le parquet délègue à un
   <label> intérieur (cf. .mdn-subcheck-main du profil parquet). */
.mdn-subcheck {
  display: flex; align-items: flex-start; gap: 10px;
  cursor: pointer;
}

/* Détail « N colis (M lames) » dans le récapitulatif par référence :
   le nombre de lames est une information de pose, pas la quantité commandée. */
.mdn-products .mdn-line .v small {
  font-weight: 500;
  color: var(--muted);
  font-size: 12px;
}

/* Métrage de lambourdes : information de dimensionnement, sans prix en regard. */
.mdn-breakdown .mdn-line .v { font-variant-numeric: tabular-nums; }

/* Mode de pose indisponible (aucune lame au catalogue pour ce mode). */
.mdn-pose.is-disabled { opacity: .5; cursor: not-allowed; }
.mdn-pose.is-disabled .body { pointer-events: none; }

/* Dimensions de lame, sur leur propre ligne sous le prix au m² : le prix reste
   l'information dominante, le format vient en second. */
.mdn-pick-dim {
  display: block;
  font-size: 12px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mdn-calc .mdn-pick-opt-dim {
  font-size: 12px;
  color: var(--muted);
  font-weight: 500;
  white-space: normal;
}

/* Prix d'un accessoire à interrupteur (saturateur) : même traitement que le
   prix des vignettes du sélecteur, pour que l'information se lise pareil. */
.mdn-calc .mdn-acc-price {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  color: var(--wood-deep);
}

/* Conteneurs dynamiques du récapitulatif : vides, ils gardaient leurs bordures
   pointillées et leur padding, ce qui laissait des séparateurs sans contenu
   tant qu'aucune lame n'était choisie. `:empty` correspond exactement au cas
   (le JS y écrit une chaîne vide, sans nœud résiduel). */
.mdn-products:empty,
.mdn-breakdown:empty { display: none; }

/* Répartition des plots sur terrain en pente : liste des modèles retenus sous
   les champs de hauteur, puis détail chiffré sous la ligne du récapitulatif. */
.mdn-plot-mix {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
  display: grid;
  gap: 3px;
  font-size: 12.5px;
  color: var(--muted);
}
.mdn-plot-mix li { padding-left: 12px; position: relative; }
.mdn-plot-mix li::before {
  content: "";
  position: absolute;
  left: 2px; top: .55em;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--wood);
}

.mdn-plot-detail {
  margin: -4px 0 8px;
  padding-left: 12px;
  border-left: 2px solid var(--line-2);
  display: grid;
  gap: 2px;
}
.mdn-plot-detail-l {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12.5px;
  color: var(--muted);
}