/* =========================================
   Panelling Configurator — Make My Panelling

   Plugin-specific styles. Extends the shared
   core-configurator.css from Core Make My.
   ========================================= */

/* --- 2D Preview Container (SVG) ---
   Everything comes from Core (core-configurator.css): the box from
   .core-2d-container, the centring and SVG fit from its --centred modifier. */

/* --- Linked (disabled) Input --- */

.panelling-input.panelling-linked {
    opacity: 0.5;
    cursor: not-allowed;
}

/* --- Link Widths Checkbox --- */

.panelling-link-widths {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--rule);
}

/* (`.panelling-split-info` had no markup left — the sheet-split notice now
   renders through Core's validation surfaces. Deleted, efficiency #222.) */

/* --- V-ribbed derived readouts (groove width / plateau) --- */

.panelling-vribbed-readouts {
    font-size: var(--fs-13);
    color: var(--ink-soft);
}

/* --- "3D preview coming soon" placeholder ---
   Painted into the 3D container by panelling-{slatted,vribbed}-2d.js for a
   variant with no 3D build yet. */

.panelling-slatted-3d-placeholder,
.panelling-vribbed-3d-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 240px;
    padding: var(--sp-6);
    color: var(--ink-muted);
    font-size: var(--fs-14);
    text-align: center;
}

/* Per-field error under an input — the shared `.core-validation-messages--inline`
   card, written by core-slat-panel-ui.js; placement and size only here. */

.panelling-slatted-error,
.panelling-vribbed-error {
    margin-top: var(--sp-1);
    font-size: var(--fs-12);
}