/* Smart Addons — layout only. Button/color/image visuals come from the inline
   CSS built from Smart Simple Variants → Style Settings (1:1 with the picker). */
.smadd-fields{ margin:16px 0; display:flex; flex-direction:column; gap:16px; }
.smadd-field{ display:flex; flex-direction:column; gap:8px; }
.smadd-label{ font-weight:800; font-size:14px; text-transform:uppercase; color:#000; }
.smadd-label .required{ color:#F25A87; border:0; text-decoration:none; }
.smadd-selected-value{ margin-left:6px; font-weight:800; text-transform:uppercase; color:#000; }
.smadd-selected-value:empty{ margin-left:0; }

.smadd-input{ width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #d1d5db; border-radius:8px; font-size:14px; background:#fff; }

.smadd-choices{ display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; }
.smadd-choices-button button{ margin:1px; }
.smadd-choice{ cursor:pointer; }
.smadd-choice-wrap{ display:inline-flex; flex-direction:column; align-items:center; gap:4px; }
.smadd-choice-price{ line-height:1; }

/* combined price line (non-SSV products) */
.smadd-price{ font-weight:800; }
.smadd-price-label{ font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; opacity:.6; display:block; }
.smadd-price-amount{ font-size:20px; }

/* Required-field validation feedback */
.smadd-field.smadd-error .smadd-input,
.smadd-field.smadd-error .smadd-select{ border-color:#e2401c !important; box-shadow:0 0 0 1px #e2401c33 !important; }
.smadd-field.smadd-error .smadd-choices{ outline:1px solid #e2401c; outline-offset:4px; border-radius:8px; }
.smadd-required-msg{ margin:0 0 12px; padding:9px 12px; border-radius:8px; background:#fdecea; border:1px solid #f5c6c0; color:#b32d2e; font-size:13px; font-weight:600; }

/* Spacing for color/image choices (parity with button choices) */
.smadd-fields .smadd-choice-color{ margin:1px; }
.smadd-fields .smadd-choice-image{ margin:1px; }