/* wirtheim-roller-coating-quote — form styles (RTL) */

.wrc-form-wrap { font-family: inherit; max-width: 1100px; margin: 0 auto; }
.wrc-form { background:#fff; padding:20px; border-radius:8px; }
.wrc-form h3 { margin: 22px 0 10px; font-size: 17px; border-bottom: 1px solid #e0e0e0; padding-bottom: 6px; }

/* Notice */
.wrc-notice { padding:12px 14px; border-radius:6px; margin-bottom:18px; font-size:14px; line-height:1.5; }
.wrc-notice-warning { background:#fff8e1; border:1px solid #ffc107; color:#5d4500; }

/* Main grid: roller drawing left, dimensions right */
.wrc-main-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 24px;
    align-items: start;
}
@media (max-width: 720px) {
    .wrc-main-grid { grid-template-columns: 1fr; }
}

.wrc-roller-panel { background:#f7f9fb; border:1px solid #e0e6ed; border-radius:8px; padding:14px; }

/* Dynamic SVG roller (drawn fresh on every input change) */
.wrc-roller-render { width:100%; min-height:220px; }
.wrc-roller-svg    { width:100%; height:auto; display:block; }

.wrc-hint { font-size:12px; color:#666; text-align:center; margin-top:8px; }

.wrc-dims-panel { background:#f7f9fb; border:1px solid #e0e6ed; border-radius:8px; padding:14px; }
.wrc-unit-toggle { margin: 6px 0 12px; }
.wrc-unit-toggle label { margin-left: 14px; font-size: 14px; cursor:pointer; }

.wrc-dims-table { width:100%; border-collapse: collapse; }
.wrc-dims-table th { text-align: right; font-weight:600; padding: 8px 4px; width: 40%; }
.wrc-dims-table td { padding: 8px 4px; }
.wrc-dims-table input[type=number] {
    width: 130px; padding: 6px 8px; font-size:15px;
    border:1px solid #c0c8d0; border-radius:4px; text-align:left; direction:ltr;
}
.wrc-unit-tag { margin-right:6px; color:#555; }
.wrc-mirror { font-size:12px; color:#7a7a7a; margin-top: 4px; }

.wrc-row-error { color:#c62828; font-size:13px; min-height:18px; margin-top:4px; }

/* Field grids */
.wrc-fields-grid {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:14px;
}
.wrc-field { display:flex; flex-direction:column; gap:4px; }
.wrc-field label { font-size:13px; font-weight:600; }
.wrc-field input, .wrc-field select, .wrc-field textarea {
    padding:7px 8px; font-size:14px; border:1px solid #c0c8d0; border-radius:4px;
    font-family:inherit;
}

/* Bombage conditional block */
.wrc-bombage-fields {
    background:#fff4e6;
    border:1px solid #ffb74d;
    border-radius:6px;
    padding:12px 14px;
    margin-top:10px;
}
.wrc-bombage-fields h3 {
    border:none;
    margin-top:0;
    color:#a05a00;
    font-size:15px;
}

/* Shared unit toggle (top of form, applies to all roller cards) */
.wrc-shared-unit-toggle {
    display:flex; align-items:center; gap:14px;
    background:#eef5ff; border:1px solid #b6d4f5; border-radius:6px;
    padding:10px 14px; margin-bottom:14px; font-size:14px;
}
.wrc-shared-unit-toggle .wrc-unit-toggle-label { font-weight:600; }
.wrc-shared-unit-toggle label { cursor:pointer; }

/* Roller cards (one per roller) */
.wrc-rollers { display:flex; flex-direction:column; gap:18px; }
.wrc-roller-card {
    border:2px solid #d0d6dc; border-radius:8px;
    background:#fbfbfd;
}
.wrc-card-header {
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 16px; background:#eef5ff; border-bottom:1px solid #d0d6dc;
    border-top-left-radius:6px; border-top-right-radius:6px;
}
.wrc-card-title { font-size:16px; font-weight:600; color:#0d4a8a; }
.wrc-remove-roller {
    background:#fff; border:1px solid #c00; color:#c00;
    padding:4px 10px; border-radius:4px; cursor:pointer; font-family:inherit; font-size:13px;
}
.wrc-remove-roller:hover { background:#c00; color:#fff; }
.wrc-card-body { padding:14px 16px; }
.wrc-card-body h4 {
    margin:14px 0 8px; font-size:14px; border-bottom:1px solid #e5e5e5;
    padding-bottom:4px; color:#444;
}
.wrc-card-body h4:first-of-type { margin-top:0; }

/* Add-roller button */
.wrc-add-roller-row { text-align:center; margin:14px 0; }
.wrc-add-roller {
    background:#fff; border:2px dashed #1976d2; color:#1976d2;
    padding:10px 22px; font-size:15px; font-weight:600;
    border-radius:6px; cursor:pointer; font-family:inherit;
}
.wrc-add-roller:hover { background:#eef5ff; }

/* Quantity row visual emphasis */
.wrc-qty-row th { color:#0d4a8a; }
.wrc-qty-row input { width:90px !important; }
.wrc-input-quantity { background:#fffdf2; }

/* Material note (free-text, shown only when material = "אבקש המלצה") */
.wrc-material-note-block {
    background:#f0f7ff; border:1px solid #90c4ff; border-radius:6px;
    padding:10px 14px; margin-top:10px;
}
.wrc-material-note-block label { font-size:14px; }
.wrc-material-note-block input {
    width:100%; padding:7px 8px; font-size:14px;
    border:1px solid #c0c8d0; border-radius:4px; margin-top:6px;
}
.wrc-optional, .wrc-hint-inline { font-weight:normal; color:#777; font-size:12px; }

/* Grooving dropdown + single preview image */
.wrc-grooving-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
@media (max-width: 600px) {
    .wrc-grooving-row { grid-template-columns: 1fr; }
}
.wrc-grooving-select-field select {
    padding: 8px;
    font-size: 14px;
}
.wrc-grooving-preview {
    border: 1px solid #d0d6dc;
    border-radius: 6px;
    background: #fafafa;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.wrc-grooving-preview img {
    max-width: 100%;
    max-height: 240px;
    width: auto;
    height: auto;
    display: block;
    border-radius: 4px;
}
.wrc-grooving-empty {
    color: #888;
    font-size: 14px;
}

/* Submit row */
.wrc-checkbox-row { margin-top: 10px; font-size: 14px; }
.wrc-submit-row { margin-top: 18px; text-align: center; }
.wrc-submit-btn {
    background:#1976d2; color:#fff; border:none; padding: 11px 36px;
    font-size: 16px; font-weight:600; border-radius:6px; cursor:pointer;
    font-family:inherit;
}
.wrc-submit-btn:hover { background:#1565c0; }
.wrc-submit-btn:disabled { opacity:0.5; cursor:wait; }

.wrc-status { margin-top: 12px; text-align:center; font-size:14px; }
.wrc-status.is-error   { color:#c62828; }
.wrc-status.is-success { color:#2e7d32; font-weight:600; }