/* wcfe.css - minimal styles for frontend product form */
.wcfe-form { max-width: 980px; margin: 18px auto; background:#fff; padding:18px; border-radius:8px; border:1px solid #eee; box-shadow:0 1px 4px rgba(0,0,0,0.03); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.wcfe-form h2 { margin-top:0; margin-bottom:12px; font-size:20px; }
.wcfe-row { display:flex; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.wcfe-col { flex:1 1 260px; min-width:220px; }
.wcfe-full { flex-basis:100%; }
.wcfe-label { display:block; margin-bottom:6px; font-weight:600; }
.wcfe-input, .wcfe-textarea, .wcfe-select { width:100%; padding:8px 10px; border-radius:6px; border:1px solid #ddd; box-sizing:border-box; font-size:14px; }
.wcfe-textarea { min-height:120px; }
.wcfe-btn { display:inline-block; padding:8px 12px; border-radius:8px; background:#0073aa; color:#fff; border:none; cursor:pointer; font-weight:600; }
.wcfe-btn.secondary { background:#6c757d; }
.wcfe-note { color:#555; font-size:13px; margin-top:6px; }
.wcfe-small { font-size:13px; color:#666; }
.wcfe-images-preview img, .wcfe-featured-preview img { max-width:90px; max-height:90px; margin-right:8px; margin-bottom:8px; border-radius:6px; border:1px solid #eee; padding:4px; background:#fafafa; display:inline-block; }
.wcfe-gallery-preview { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.wcfe-gallery-preview li { position:relative; width:90px; height:90px; border-radius:6px; overflow:hidden; border:1px solid #eee; background:#fff; display:flex; align-items:center; justify-content:center; }
.wcfe-gallery-preview li img { max-width:100%; max-height:100%; display:block; }
.wcfe-gallery-preview li .wcfe-remove-thumb { position:absolute; top:4px; right:4px; background:rgba(0,0,0,0.6); color:#fff; border-radius:50%; width:22px; height:22px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-weight:700; }
.wcfe-messages { margin-bottom:12px; }
.wcfe-error { color:#a00; font-weight:700; }
.wcfe-success { color:#0a0; font-weight:700; }
.wcfe-attribute-row, .wcfe-variation-row { border:1px dashed #e6e6e6; padding:8px; border-radius:6px; background:#fbfbfb; margin-bottom:8px; }
.wcfe-attribute-row .wcfe-remove-attr, .wcfe-variation-row .wcfe-remove-variation { background:#cc0000; color:#fff; border:none; padding:4px 8px; border-radius:6px; cursor:pointer; }
.wcfe-spinner { display:inline-block; width:16px; height:16px; border:3px solid rgba(0,0,0,0.1); border-left-color:#0073aa; border-radius:50%; animation:wcfe-spin 1s linear infinite; vertical-align:middle; margin-right:6px;}
@keyframes wcfe-spin { to { transform:rotate(360deg); } }