/* WCU Frontend Styles */
.wcu-wrapper{margin:16px 0;padding:14px;border:1px solid #e5e5e5;border-radius:10px;background:#fafafa;}
.wcu-section{margin-bottom:14px;}
.wcu-label{display:block;font-weight:600;margin-bottom:6px;}
.wcu-input{width:100%;max-width:520px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;}
.wcu-help{margin:6px 0 0;color:#666;font-size:12px;}
.wcu-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.wcu-thumb{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid #ddd;background:#fff;}
.wcu-upload-status{margin-top:8px;color:#333;font-size:13px;}
.wcu-preview{min-height:64px;padding:12px;border:1px dashed #bbb;border-radius:10px;background:#fff;display:flex;align-items:center;}
.wcu-dynamic-fields{display:grid;grid-template-columns:1fr;gap:12px;}
.wcu-field-label{display:block;font-weight:600;margin-bottom:6px;}
.wcu-checkbox,.wcu-radio{display:flex;align-items:center;gap:8px;margin:6px 0;}
.wcu-radio-group{display:flex;flex-direction:column;gap:6px;}

/* Datepicker input with calendar button */
.wcu-date-wrap{position:relative;max-width:520px;}
.wcu-date-wrap .wcu-input{padding-right:44px;}
.wcu-date-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;line-height:1;}
.wcu-date-btn:hover{background:#f6f6f6;}

/* Minimal jQuery UI datepicker styling to work regardless of theme */
.ui-datepicker{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px;box-shadow:0 6px 24px rgba(0,0,0,.08);z-index:999999 !important;}
.ui-datepicker .ui-datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ui-datepicker .ui-datepicker-title{font-weight:600;}
.ui-datepicker table{border-collapse:collapse;width:100%;}
.ui-datepicker th{font-size:12px;color:#666;padding:4px;text-align:center;}
.ui-datepicker td{padding:2px;text-align:center;}
.ui-datepicker td a{display:block;padding:6px;border-radius:8px;text-decoration:none;border:1px solid transparent;}
.ui-datepicker td a:hover{border-color:#ddd;background:#f6f6f6;}
.ui-datepicker .ui-state-active{border-color:#111;background:#111;color:#fff;}


/* wcu-preview-force-font: ensure preview respects chosen font even if theme overrides */
#wcu_preview, #wcu_preview *{ font-family: inherit !important; }

/* Ensure WCU preview font always applies even with Elementor/Hello Biz typography */
.wcu-preview{font-family:inherit !important;}
.wcu-preview *{font-family:inherit !important;}


/* WCU isolated iframe preview */
.wcu-preview-frame{width:100%;border:1px dashed #cfcfcf;border-radius:6px;overflow:hidden;min-height:70px;}
.wcu-preview-iframe{width:100%;height:80px;border:0;display:block;background:transparent;}