.window-preview-svg image[data-preview-texture] {
  pointer-events: none;
}

.window-preview-svg [data-layer="frame"],
.window-preview-svg [data-layer="sash-frames"] {
  shape-rendering: geometricPrecision;
}

/* =====================================================================
   Croquis premium des portes (preview SVG)
   Palette douce et traits fins. La couleur utilisateur reste pilotée
   inline (panelFill / panelStroke) ; ici on ne style que les éléments
   neutres du croquis (verre, poignée, paumelles, seuil, joints, symbole).
   ===================================================================== */
.door-preview-svg {
  --door-frame-color: #f7f7f3;
  --door-panel-color: #ffffff;
  --door-panel-texture-line: #d8d8d3;
  --door-stroke-color: #b8b8b2;
  --door-stroke-dark: #8e918f;
  --door-glass-color: #dfe6e8;
  --door-glass-stroke: #c7ced0;
  --door-glass-reflection: rgba(255, 255, 255, 0.35);
  --door-handle-color: #858b8d;
  --door-symbol-color: #8b8f90;
  --door-shadow: rgba(0, 0, 0, 0.12);
  shape-rendering: geometricPrecision;
}

/* Cadre / panneau : liseré intérieur fin */
.door-preview-svg .door-frame-inset,
.door-preview-svg .door-panel-inset {
  stroke: var(--door-panel-texture-line);
  stroke-opacity: 0.72;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.door-preview-svg .door-panel-frameline {
  stroke: #ffffff;
  stroke-opacity: 0.22;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

/* Vitrages : bleu/gris très clair, reflets subtils */
.door-preview-svg .door-glass {
  stroke: var(--door-glass-stroke);
  stroke-opacity: 0.9;
  vector-effect: non-scaling-stroke;
}

.door-preview-svg .door-glass-reflection,
.door-preview-svg .door-glass-glint {
  stroke: var(--door-glass-reflection);
  vector-effect: non-scaling-stroke;
}

/* Inserts décoratifs (inox / formes) */
.door-preview-svg .door-insert {
  fill: #d9dcdd;
  stroke: #8a949a;
  stroke-opacity: 0.55;
  vector-effect: non-scaling-stroke;
}

.door-preview-svg .door-insert-shine {
  fill: #ffffff;
  fill-opacity: 0.28;
}

.door-preview-svg .door-decor-line {
  stroke: #ffffff;
  stroke-opacity: 0.22;
  vector-effect: non-scaling-stroke;
}

/* Joints d'onglet à 45° */
.door-preview-svg .door-miter {
  stroke: var(--door-stroke-dark);
  stroke-opacity: 0.5;
  stroke-width: 1;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

/* Poignée métallique simplifiée */
.door-preview-svg .door-handle-bar {
  fill: var(--door-handle-color);
  stroke: #747a7c;
  stroke-width: 0.9;
  vector-effect: non-scaling-stroke;
}

.door-preview-svg .door-handle-knob {
  fill: #f7f8f7;
  stroke: var(--door-handle-color);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

/* Paumelles discrètes */
.door-preview-svg .door-hinge {
  fill: var(--door-stroke-dark);
  fill-opacity: 0.82;
}

/* Seuil bas discret */
.door-preview-svg .door-threshold-bar {
  fill: var(--door-stroke-color);
  fill-opacity: 0.55;
}

/* Symbole d'ouverture (optionnel) : fin, gris, contenu dans la porte */
.door-preview-svg .door-opening {
  stroke: var(--door-symbol-color);
  stroke-opacity: 0.6;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}