#chef-comp-builder{margin-top:10px}.chef-assigned-group{display:flex;justify-content:space-between;background:#fff;border:1px solid #dcdcde;border-radius:6px;padding:10px;margin:8px 0}.chef-v12-layout{display:grid;grid-template-columns:minmax(600px,2fr) minmax(300px,1fr);gap:24px;align-items:start}.chef-v12-editor,.chef-v12-list{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:20px}.chef-v12-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:15px 0}.chef-v12-row label,.chef-v12-editor>form>label{display:flex;flex-direction:column;gap:6px}.chef-v12-editor input,.chef-v12-editor select{max-width:100%}.chef-v12-products{width:100%;max-width:100%}.chef-v12-option-head{display:grid;grid-template-columns:25px 90px minmax(180px,1.1fr) 145px minmax(220px,1.3fr) 70px;gap:8px;align-items:end;padding:0 8px 5px;color:#50575e;font-size:12px;font-weight:600}.chef-v12-option{display:grid;grid-template-columns:25px 90px minmax(180px,1.1fr) 145px minmax(220px,1.3fr) 70px;gap:8px;align-items:center;background:#f6f7f7;border:1px solid #dcdcde;border-radius:6px;padding:8px;margin:8px 0}.chef-v12-name-field,.chef-v12-product-field{min-width:0}.chef-v12-name-field input,.chef-v12-product-field{width:100%;box-sizing:border-box}.chef-v12-remove-option{white-space:nowrap;text-align:center}.chef-drag{cursor:grab;font-size:20px;text-align:center}.chef-v12-placeholder{height:76px;border:2px dashed #8c8f94;margin:8px 0}.chef-v12-card{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 0}.chef-v12-card small{display:block;color:#646970;margin-top:3px}.chef-v12-list h2{margin-top:0}.chef-v12-image-field{display:flex;flex-direction:column;gap:5px;align-items:center}.chef-image-preview{width:70px;height:55px;border:1px dashed #c3c4c7;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:10px;color:#777;text-align:center}.chef-image-preview img{width:100%;height:100%;object-fit:cover}.chef-price-field{display:flex;flex-direction:column;gap:4px}.chef-price-field span{font-size:11px;font-weight:600;color:#50575e}.chef-v12-pause-panel{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:16px;margin:18px 0}.chef-v12-pause-panel h2{margin-top:0}.chef-v12-pause-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:260px;overflow:auto;padding:4px}.chef-v12-pause-grid label{display:flex;gap:7px;align-items:center;padding:7px;background:#f6f7f7;border-radius:5px}.chef-v12-pause-grid input{margin:0}@media(max-width:1100px){.chef-v12-layout{grid-template-columns:1fr}.chef-v12-option-head{grid-template-columns:25px 80px 1fr 120px 1fr 70px}.chef-v12-option{grid-template-columns:25px 80px 1fr 120px 1fr 70px}.chef-v12-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.chef-v12-option-head{display:none}.chef-v12-option{grid-template-columns:25px 72px 1fr;gap:8px}.chef-v12-option .chef-v12-image-field{grid-row:1/4}.chef-v12-option .chef-v12-name-field{grid-column:3}.chef-v12-option .chef-price-field{grid-column:3}.chef-v12-option .chef-v12-product-field{grid-column:3}.chef-v12-option .chef-v12-remove-option{grid-column:3;justify-self:start}.chef-v12-row{grid-template-columns:1fr}}

/* Compact image button so it does not dominate the editor. */
.chef-v12-image-field .chef-select-image{font-size:11px!important;line-height:24px!important;min-height:26px!important;height:26px!important;padding:0 7px!important;white-space:nowrap}

.chef-v12-color-field{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}
.chef-v12-color-field label{display:flex;align-items:center;gap:10px}
.chef-v12-color-field input[type=color]{width:42px;height:32px;padding:2px;cursor:pointer}
.chef-v12-color-field .description{margin:0}


/* Global note fields */
.chef-v12-observation-panel{display:grid;grid-template-columns:minmax(520px,1.5fr) minmax(320px,1fr);gap:24px;background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:20px;margin:18px 0}
.chef-v12-observation-panel h2,.chef-v12-observation-panel h3{margin-top:0}
.chef-obs-editor>label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.chef-obs-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chef-obs-rule-grid label{display:flex;flex-direction:column;gap:6px}
.chef-obs-rule-grid select{width:100%;max-width:100%;min-height:150px}
.chef-obs-rule-grid .description{font-size:11px;color:#646970}
.chef-obs-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eee}
.chef-obs-card strong,.chef-obs-card small,.chef-obs-card em{display:block}
.chef-obs-card small{color:#646970;margin-top:3px}
.chef-obs-card em{font-size:11px;color:#777;margin-top:3px}
@media(max-width:1000px){.chef-v12-observation-panel{grid-template-columns:1fr}}
@media(max-width:650px){.chef-obs-rule-grid{grid-template-columns:1fr}.chef-v12-observation-panel{padding:14px}}


/* v1.4.2 — Note area integrated into the same column as the add-on builder. */
.chef-v12-editor > .chef-v12-observation-panel{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);
    gap:20px;
    margin:24px 0 0;
    padding:18px 0 0;
    border:0;
    border-top:1px solid #dcdcde;
    border-radius:0;
    background:transparent;
}
.chef-v12-editor > .chef-v12-observation-panel h2{margin-top:0}
@media(max-width:1000px){
    .chef-v12-editor > .chef-v12-observation-panel{grid-template-columns:1fr}
}

/* Add-on group display rules */
.chef-v12-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.chef-v12-rule-grid label{display:flex;flex-direction:column;gap:6px}
.chef-v12-rule-grid select{width:100%;max-width:100%;min-height:150px}
.chef-v12-rule-grid label:nth-child(3),.chef-v12-rule-grid label:nth-child(4){background:#fafafa;border:1px solid #e2e4e7;border-radius:6px;padding:10px}
@media(max-width:650px){.chef-v12-rule-grid{grid-template-columns:1fr}}


/* v1.4.5 — Add-on rules aligned in two rows, matching the note rules. */
.chef-v12-rule-grid{
    display:block !important;
    width:100% !important;
    margin:12px 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.chef-v12-rule-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:14px !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.chef-v12-rule-row > label{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.chef-v12-rule-row > label strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-weight:400 !important;
}
.chef-v12-rule-row > label select{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:150px !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
@media(max-width:650px){
    .chef-v12-rule-row{grid-template-columns:1fr !important;gap:14px !important}
}


/* v1.4.7 — Primary action for creating a new add-on. */
.chef-v12 .wp-heading-inline{vertical-align:middle}
.chef-v12 .page-title-action{vertical-align:middle}


/* v1.4.9 — Reordering registered add-ons. */
.chef-v12-sort-help{margin:6px 0 10px!important}
.chef-v12-card{cursor:default}
.chef-v12-card .chef-group-drag{cursor:grab;flex:0 0 24px;font-size:20px;line-height:1;text-align:center;color:#646970;user-select:none}
.chef-v12-card .chef-group-drag:active{cursor:grabbing}
.chef-v12-card .chef-group-info{flex:1;min-width:0}
.chef-v12-card .chef-group-actions{white-space:nowrap}
.chef-v12-group-placeholder{height:61px;border:2px dashed #8c8f94;border-radius:6px;margin:8px 0;background:#f6f7f7}
#chef-v12-sort-status{margin:8px 0 0;min-height:18px}
@media(max-width:650px){
    .chef-v12-card{flex-wrap:wrap}
    .chef-v12-card .chef-group-actions{width:100%;padding-left:32px}
}

/* v1.5.0 — Compact checkbox selectors for products/categories. */
.chef-multi-select{position:relative;width:100%;max-width:100%;box-sizing:border-box}
.chef-multi-select-toggle{width:100%;min-height:38px;padding:7px 11px;background:#fff;border:1px solid #8c8f94;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:#2c3338;font-size:13px;box-sizing:border-box}
.chef-multi-select-toggle:hover{border-color:#2271b1}
.chef-multi-select-toggle[aria-expanded="true"]{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.chef-multi-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.chef-multi-select-arrow{font-size:15px;line-height:1;color:#646970;flex:0 0 auto}
.chef-multi-select-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:100000;background:#fff;border:1px solid #8c8f94;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:7px;box-sizing:border-box;max-height:300px;overflow:hidden}
.chef-multi-select-menu[hidden]{display:none}
.chef-multi-select-search{display:block;width:100%;height:34px;margin:0 0 7px;padding:5px 8px;box-sizing:border-box;border:1px solid #8c8f94;border-radius:4px}
.chef-multi-select-options{max-height:240px;overflow:auto;padding:1px}
.chef-multi-select-option{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;padding:7px 8px!important;margin:0!important;width:100%!important;box-sizing:border-box;border-radius:4px;cursor:pointer;font-weight:400!important}
.chef-multi-select-option:hover{background:#f0f6fc}
.chef-multi-select-option input{margin:2px 0 0!important;flex:0 0 auto}
.chef-multi-select-option span{line-height:1.35;min-width:0}
.chef-multi-select-empty{display:block;padding:8px;color:#646970;font-size:12px}
.chef-multi-select-pause{max-width:760px}
.chef-multi-select-pause .chef-multi-select-toggle{min-height:42px}
.chef-v12-pause-panel .description{margin-bottom:0}
.chef-obs-rule-grid .chef-multi-select,.chef-v12-rule-row .chef-multi-select{margin-top:0}
@media(max-width:650px){
    .chef-multi-select-menu{max-height:260px}
    .chef-multi-select-options{max-height:210px}
}

.chef-v12 .chef-v12-option-head{
    display: grid!important;
    grid-template-columns: 50px 82px minmax(0,1fr) 150px 80px;
    gap: 10px!important;
    padding: 0 0 8px!important;
    color: #98a2b3!important;
    font-size: 10px!important;
    font-weight: 800!important;
    letter-spacing: .06em!important;
    text-transform: uppercase!important;
}

.chef-v12 #chef-v12-options .chef-v12-name-field input{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.chef-v12 #chef-v12-options .chef-price-field input{
    width:100% !important;
    box-sizing:border-box !important;
}
@media(max-width:650px){
    .chef-v12 .chef-v12-option-head{display:none !important}
    .chef-v12 #chef-v12-options .chef-v12-option{
        grid-template-columns:25px minmax(0,1fr) !important;
    }
    .chef-v12 #chef-v12-options .chef-price-field,
    .chef-v12 #chef-v12-options .chef-v12-remove-option{
        grid-column:2 !important;
        justify-self:start !important;
    }
}


/* v1.6.4 — Free version form: compact fields and organized products. */
.chef-v12 .chef-v12-rule-grid{
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(120px,1fr) minmax(120px,1fr) !important;
    gap:14px !important;
    width:100% !important;
    margin:12px 0 18px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-v12-rule-grid > label{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-v12-rule-grid > label strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-weight:400 !important;
}
.chef-v12 .chef-v12-rule-grid > label select,
.chef-v12 .chef-v12-rule-grid > label input[type="number"]{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-free-product-list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px 14px !important;
    max-height:320px !important;
    overflow-y:auto !important;
    padding:12px !important;
    margin:8px 0 18px !important;
    background:#f6f7f7 !important;
    border:1px solid #dcdcde !important;
    border-radius:6px !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-free-product-list > label{
    display:flex !important;
    align-items:flex-start !important;
    gap:6px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 6px !important;
    line-height:1.35 !important;
    box-sizing:border-box !important;
    word-break:normal !important;
}
.chef-v12 .chef-free-product-list > label input{
    flex:0 0 auto !important;
    margin:2px 0 0 !important;
}
@media(max-width:900px){
    .chef-v12 .chef-v12-rule-grid{grid-template-columns:1fr 1fr 1fr !important}
    .chef-v12 .chef-free-product-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:650px){
    .chef-v12 .chef-v12-rule-grid{grid-template-columns:1fr !important}
    .chef-v12 .chef-free-product-list{grid-template-columns:1fr !important;max-height:280px !important}
}

/* ============================================================
 * Addovio visual refresh — Free
 * Brand palette: orange / red from the Addovio icon.
 * UI-only: no functional styles are changed outside admin screens.
 * ============================================================ */
.chef-v12{
    --addovio-orange:#ff6508;
    --addovio-orange-dark:#ef3f08;
    --addovio-orange-soft:#fff3ea;
    --addovio-red:#f0440b;
    --addovio-text:#1f2937;
    --addovio-muted:#667085;
    --addovio-border:#e6e8ec;
    --addovio-bg:#f7f8fa;
    --addovio-white:#fff;
    max-width:1420px;
    margin:20px 20px 40px 2px!important;
    color:var(--addovio-text);
}
.chef-v12 > h1.wp-heading-inline{
    display:inline-flex!important;
    align-items:center!important;
    gap:14px!important;
    min-height:58px!important;
    margin:0 14px 10px 0!important;
    padding:0!important;
    color:#171a1f!important;
    font-size:25px!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
    vertical-align:middle!important;
}
.chef-v12 > .page-title-action{
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,var(--addovio-orange),var(--addovio-red))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:700!important;
    box-shadow:0 5px 14px rgba(239,63,8,.18)!important;
    text-decoration:none!important;
    transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
.chef-v12 > .page-title-action:hover,
.chef-v12 > .page-title-action:focus{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 8px 18px rgba(239,63,8,.24)!important;color:#fff!important}
.chef-v12 > p:not(.notice p){color:var(--addovio-muted);font-size:14px;margin:4px 0 22px!important}
.chef-v12 .notice{border-radius:10px!important;border-left-width:4px!important;box-shadow:0 2px 10px rgba(16,24,40,.04)!important}
.chef-v12-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr)!important;gap:22px!important;align-items:start!important}
.chef-v12-editor,.chef-v12-list{
    border:1px solid var(--addovio-border)!important;
    border-radius:16px!important;
    background:var(--addovio-white)!important;
    box-shadow:0 6px 24px rgba(16,24,40,.055)!important;
    padding:24px!important;
}
.chef-v12-editor h2,.chef-v12-list h2{font-size:18px!important;line-height:1.3!important;margin:0 0 18px!important;color:#171a1f!important;letter-spacing:-.015em}
.chef-v12-editor h3{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:#475467!important;margin:26px 0 12px!important}
.chef-v12-editor>form>p>label>strong,.chef-v12-rule-grid>label>strong{font-size:12px!important;color:#344054!important;font-weight:700!important}
.chef-v12 input[type=text],.chef-v12 input[type=number],.chef-v12 select,.chef-v12 textarea{
    border:1px solid #d6dae1!important;
    border-radius:9px!important;
    min-height:40px!important;
    box-shadow:none!important;
    transition:border-color .15s ease,box-shadow .15s ease!important;
}
.chef-v12 input[type=text]:focus,.chef-v12 input[type=number]:focus,.chef-v12 select:focus,.chef-v12 textarea:focus{
    border-color:var(--addovio-orange)!important;
    box-shadow:0 0 0 3px rgba(255,101,8,.12)!important;
    outline:none!important;
}
.chef-v12 .chef-v12-rule-grid{gap:12px!important;margin:12px 0 22px!important}
.chef-v12 #chef-v12-options{display:grid;gap:9px}
.chef-v12 #chef-v12-options .chef-v12-option{
    background:#fbfcfd!important;
    border:1px solid #e4e7ec!important;
    border-radius:11px!important;
    padding:10px!important;
    margin:0!important;
    transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.chef-v12 #chef-v12-options .chef-v12-option:hover{border-color:#f2b28e!important;box-shadow:0 4px 14px rgba(16,24,40,.045)!important}
.chef-v12 .chef-drag{color:#98a2b3!important}
.chef-v12 .chef-v12-placeholder{border-color:#ff9b69!important;background:var(--addovio-orange-soft)!important;border-radius:11px!important}
.chef-v12 .button:not(.button-link-delete){border-color:#d8dce3!important;border-radius:9px!important;background:#fff!important;color:#344054!important;min-height:38px!important;padding:0 13px!important;font-weight:600!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
.chef-v12 .button:not(.button-link-delete):hover{border-color:#f0a070!important;color:var(--addovio-orange-dark)!important;background:#fffaf7!important}
.chef-v12 button.button-primary,.chef-v12 input.button-primary{
    border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--addovio-orange),var(--addovio-red))!important;color:#fff!important;min-height:42px!important;padding:0 18px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(239,63,8,.18)!important
}
.chef-v12 button.button-primary:hover,.chef-v12 input.button-primary:hover{filter:brightness(.96);transform:translateY(-1px)!important;color:#fff!important}
.chef-v12 .button-link-delete{font-weight:600!important;text-decoration:none!important}
.chef-v12 .button-link-delete:hover{font-size:11px!important;background-color: #940d1b;color: #ffffff;border: none;padding: 5px 10px;border-radius: 6px;cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease;}
.chef-v12 .chef-v12-list{position:sticky;top:32px}
.chef-v12 .chef-v12-list h2{display:flex;align-items:center;justify-content:space-between}
.chef-v12 .chef-v12-card{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:13px 0!important;
    border-bottom:1px solid #edf0f3!important;
}
.chef-v12 .chef-v12-card:last-of-type{border-bottom:0!important}
.chef-v12 .chef-v12-card>strong{font-size:13px!important;color:#27303b!important;line-height:1.4}
.chef-v12 .chef-v12-card>span:not(.chef-group-drag){font-size:11px!important;color:#667085!important;background:#f3f4f6!important;border-radius:999px!important;padding:4px 8px!important}
.chef-v12 .chef-v12-card .button{min-height:32px!important;padding:0 10px!important;font-size:12px!important}
.chef-v12 .chef-group-drag{color:var(--addovio-orange)!important}
.chef-v12 .chef-free-pro-card{
    position:relative!important;
    overflow:hidden!important;
    margin-top:22px!important;
    padding:20px!important;
    border:1px solid #ffd4bd!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#fff9f5,#fff3ea)!important;
}
.chef-v12 .chef-free-pro-card:before{content:"";position:absolute;right:-35px;top:-45px;width:130px;height:130px;border-radius:50%;background:rgba(255,101,8,.09)}
.chef-v12 .chef-free-pro-card h2{position:relative;margin:0 0 7px!important;font-size:15px!important;color:#9d300f!important}
.chef-v12 .chef-free-pro-card p{position:relative;margin:0!important;color:#6b4a3c!important;font-size:12px!important;line-height:1.55}
.chef-v12 .chef-free-pro-active{border-color:#ccebd9!important;background:linear-gradient(145deg,#f6fffa,#eefbf4)!important}
.chef-v12 .chef-free-pro-active h2{color:#157347!important}
.chef-v12 .chef-free-product-list{background:#fafbfc!important;border:1px solid var(--addovio-border)!important;border-radius:11px!important;padding:12px!important}
.chef-v12 .chef-free-product-list>label{border-radius:8px!important;transition:background .12s ease!important}
.chef-v12 .chef-free-product-list>label:hover{background:#fff4ec!important}
.chef-v12 .chef-v12-pause-panel,.chef-v12 .chef-v12-observation-panel{border-color:var(--addovio-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px rgba(16,24,40,.04)!important}
@media(max-width:1100px){.chef-v12 .chef-v12-list{position:static}.chef-v12-layout{grid-template-columns:1fr!important}}
@media(max-width:650px){.chef-v12{margin-right:10px!important}.chef-v12-editor,.chef-v12-list{padding:17px!important;border-radius:13px!important}.chef-v12>h1.wp-heading-inline{font-size:21px!important}.chef-v12> .page-title-action{margin-bottom:10px!important}.chef-v12 .chef-v12-card{grid-template-columns:22px minmax(0,1fr) auto!important}.chef-v12 .chef-v12-card>div{grid-column:2 / -1}.chef-v12 .chef-v12-card>span:not(.chef-group-drag){justify-self:end}}

/* Addovio 1.6.18 cache-safe visual layer */
body.woocommerce_page_chef-complementos .chef-v12,
body.woocommerce_page_chef-complementos .chef-v12 * { box-sizing: border-box; }
body.woocommerce_page_chef-complementos .chef-v12 { max-width: 1500px !important; margin: 26px 26px 50px 0 !important; }
body.woocommerce_page_chef-complementos .chef-v12 > h1.wp-heading-inline { font-size: 28px !important; font-weight: 700 !important; letter-spacing: -0.03em !important; }
body.woocommerce_page_chef-complementos .chef-v12 > .page-title-action { background: linear-gradient(135deg,#ff6508,#f0440b) !important; border: 0 !important; color: #fff !important; border-radius: 10px !important; box-shadow: 0 7px 18px rgba(240,68,11,.22) !important; }
body.woocommerce_page_chef-complementos .chef-v12-layout {grid-template-columns: minmax(0,1.7fr) minmax(360px,.78fr) !important; gap: 24px !important; }
body.woocommerce_page_chef-complementos .chef-v12-editor,
body.woocommerce_page_chef-complementos .chef-v12-list { background:#fff !important; border:1px solid #e5e7eb !important; border-radius:18px !important; padding:28px !important; box-shadow:0 8px 30px rgba(15,23,42,.07) !important; }
body.woocommerce_page_chef-complementos .chef-v12 input[type=text],
body.woocommerce_page_chef-complementos .chef-v12 input[type=number],
body.woocommerce_page_chef-complementos .chef-v12 select,
body.woocommerce_page_chef-complementos .chef-v12 textarea { min-height:42px !important; border:1px solid #d7dce3 !important; border-radius:10px !important; background:#fff !important; }
body.woocommerce_page_chef-complementos .chef-v12 input:focus,
body.woocommerce_page_chef-complementos .chef-v12 select:focus,
body.woocommerce_page_chef-complementos .chef-v12 textarea:focus { border-color:#ff6508 !important; box-shadow:0 0 0 3px rgba(255,101,8,.14) !important; outline:0 !important; }
body.woocommerce_page_chef-complementos .chef-v12 .button:not(.button-link-delete) { border:1px solid #ffd0b9 !important; background:#fff8f3 !important; color:#d9470b !important; border-radius:9px !important; font-weight:600 !important; }
body.woocommerce_page_chef-complementos .chef-v12 .button:not(.button-link-delete):hover { background:#ffefe5 !important; border-color:#ffad83 !important; color:#bd3705 !important; }
body.woocommerce_page_chef-complementos .chef-v12 .button.button-primary,
body.woocommerce_page_chef-complementos .chef-v12 input.button-primary { background:linear-gradient(135deg,#ff6508,#f0440b) !important; border:0 !important; color:#fff !important; }
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-list { background:linear-gradient(180deg,#fff 0%,#fffdfb 100%) !important; }
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-card { border-bottom:1px solid #eef0f3 !important; padding:15px 0 !important; }
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-card > span:not(.chef-group-drag) { background:#fff1e9 !important; color:#c64209 !important; }
body.woocommerce_page_chef-complementos .chef-v12 .chef-group-drag { color:#ff6508 !important; }

/* ============================================================
 * Addovio Product Add-ons — clean groups-first admin redesign
 * The default screen lists groups; New/Edit opens the editor.
 * ============================================================ */
.chef-v12{max-width:none!important;margin:24px 24px 50px 2px!important;color:#1d2327!important}
.chef-v12 .chef-page-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 0 28px!important;padding:4px 2px!important}
.chef-v12 .chef-page-title-wrap{display:flex!important;align-items:center!important;gap:16px!important}
.chef-v12 .chef-page-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;display:block!important;border-radius:16px!important;object-fit:cover!important;box-shadow:0 8px 24px rgba(239,63,8,.18)!important}
.chef-v12 .chef-page-header h1{margin:0!important;font-size:27px!important;line-height:1.15!important;font-weight:750!important;letter-spacing:-.02em!important;color:#171a1f!important}
.chef-v12 .chef-page-header p{margin:6px 0 0!important;color:#667085!important;font-size:14px!important}
.chef-v12 .chef-primary-action,.chef-v12 .chef-save-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6508,#ef3f08)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(239,63,8,.2)!important;cursor:pointer!important;transition:.15s ease!important}
.chef-v12 .chef-primary-action:hover,.chef-v12 .chef-save-button:hover{transform:translateY(-1px)!important;filter:brightness(.97)!important;color:#fff!important}
.chef-v12 .chef-secondary-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 15px!important;border:1px solid #d7dce2!important;border-radius:9px!important;background:#fff!important;color:#344054!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;box-sizing:border-box!important}
.chef-v12 .chef-secondary-action:hover{border-color:#ff6508!important;color:#ef3f08!important}
.chef-v12 .chef-groups-screen{max-width:1240px!important}
.chef-v12 .chef-section-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:20px!important;margin:0 0 14px!important}
.chef-v12 .chef-eyebrow{display:block!important;margin:0 0 5px!important;color:#ff6508!important;font-size:11px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.chef-v12 .chef-section-heading h2,.chef-v12 .chef-editor-heading h2{margin:0!important;font-size:21px!important;line-height:1.25!important;font-weight:750!important;color:#20242a!important}
.chef-v12 .chef-section-heading p,.chef-v12 .chef-editor-heading p{margin:5px 0 0!important;color:#667085!important;font-size:13px!important}
.chef-v12 .chef-group-count{padding:7px 11px!important;border:1px solid #eceef1!important;border-radius:999px!important;background:#fff!important;color:#667085!important;font-size:12px!important;font-weight:600!important}
.chef-v12 .chef-groups-table{overflow:hidden!important;border:1px solid #e3e6ea!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 22px rgba(16,24,40,.05)!important}
.chef-v12 .chef-groups-table-head,.chef-v12 .chef-group-row{display:grid!important;grid-template-columns:minmax(300px,2.1fr) 130px 160px 140px 150px!important;align-items:center!important;column-gap:20px!important}
.chef-v12 .chef-groups-table-head{min-height:44px!important;padding:0 20px!important;border-bottom:1px solid #e9ebef!important;background:#fafbfc!important;color:#98a2b3!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important}
.chef-v12 .chef-group-row{min-height:76px!important;padding:0 20px!important;border-bottom:1px solid #edf0f2!important;transition:background .12s ease!important}
.chef-v12 .chef-group-row:last-child{border-bottom:0!important}
.chef-v12 .chef-group-row:hover{background:#fffaf7!important}
.chef-v12 .chef-group-main{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.chef-v12 .chef-group-dot{width:9px!important;height:9px!important;flex:0 0 9px!important;border-radius:50%!important;background:#ff6508!important;box-shadow:0 0 0 5px #fff0e8!important}
.chef-v12 .chef-group-main strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;font-weight:650!important;color:#252a31!important}
.chef-v12 .chef-group-main small{display:block!important;margin-top:3px!important;color:#98a2b3!important;font-size:11px!important}
.chef-v12 .chef-pill{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border-radius:999px!important;background:#fff3ea!important;color:#d84d08!important;font-size:11px!important;font-weight:700!important}
.chef-v12 .chef-type-text{color:#667085!important;font-size:12px!important}
.chef-v12 .chef-group-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.chef-v12 .chef-edit-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:34px!important;padding:0 12px!important;border:1px solid #ff8a4b!important;border-radius:8px!important;background:#fff!important;color:#ef3f08!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important}
.chef-v12 .chef-edit-button:hover{background:#fff3ea!important}
.chef-v12 .chef-delete-button{color:#c71515 !important;text-decoration:none!important;font-size:12px!important}
.chef-v12 .chef-delete-button:hover{text-decoration:underline!important}
.chef-v12 .chef-free-pro-card{display:flex!important;align-items:center!important;gap:16px!important;margin-top:20px!important;padding:20px 22px!important;border:1px solid #e3d9ff!important;border-radius:14px!important;background:linear-gradient(110deg,#faf8ff,#f5efff)!important;box-shadow:0 4px 16px rgba(79,45,160,.06)!important}
.chef-v12 .chef-free-pro-card .chef-pro-badge{display:flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;height:30px!important;padding:0 10px!important;border-radius:8px!important;background:linear-gradient(135deg,#a83cff,#5420c7)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important}
.chef-v12 .chef-free-pro-card h2{margin:0!important;font-size:15px!important;color:#37206e!important}
.chef-v12 .chef-free-pro-card p{margin:4px 0 0!important;color:#6f6490!important;font-size:12px!important;line-height:1.5!important}
.chef-v12 .chef-pro-arrow{margin-left:auto!important;color:#6d28d9!important;font-size:24px!important;font-weight:400!important}
.chef-v12 .chef-empty-state{padding:70px 30px!important;text-align:center!important;border:1px dashed #d9dde3!important;border-radius:14px!important;background:#fff!important}
.chef-v12 .chef-empty-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;margin:0 auto 15px!important;border-radius:14px!important;background:#fff3ea!important;color:#ef3f08!important;font-size:27px!important}
.chef-v12 .chef-empty-state h3{margin:0!important;font-size:17px!important}
.chef-v12 .chef-empty-state p{margin:6px auto 18px!important;color:#667085!important;font-size:13px!important}
.chef-v12 .chef-editor-screen{max-width:1050px!important;display:block!important}
.chef-v12 .chef-editor-heading{margin-bottom:16px!important}
.chef-v12 .chef-form-card{overflow:hidden!important;border:1px solid #e3e6ea!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 22px rgba(16,24,40,.05)!important}
.chef-v12 .chef-form-section{padding:24px 26px!important;border-bottom:1px solid #edf0f2!important}
.chef-v12 .chef-section-label{display:block!important;margin-bottom:13px!important;color:#98a2b3!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important}
strong.chef-strong {margin-bottom: 7px!important;display: flex;}
.chef-v12 .chef-form-section label strong{font-size:12px!important;color:#344054!important;font-weight:650!important}
.chef-v12 .chef-form-section input[type=text],.chef-v12 .chef-form-section select,.chef-v12 .chef-form-section input[type=number]{min-height:40px!important;height:40px!important;border:1px solid #d7dce2!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;padding:0 11px!important;color:#1d2327!important}
.chef-v12 .chef-form-section input:focus,.chef-v12 .chef-form-section select:focus{border-color:#ff7a36!important;box-shadow:0 0 0 3px rgba(255,101,8,.12)!important;outline:none!important}
.chef-v12 .chef-section-help{margin:-4px 0 12px!important;color:#667085!important;font-size:12px!important}
.chef-v12 .chef-section-label-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}
.chef-v12 .chef-section-label-row .chef-section-label{margin:0!important}
.chef-v12 .chef-add-option-button{border:0!important;background:none!important;color:#ef3f08!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}
.chef-v12 .chef-v12-rule-grid{margin:0!important;grid-template-columns:minmax(0,2fr) minmax(140px,1fr) minmax(140px,1fr)!important;gap:14px!important}
.chef-v12 #chef-v12-options .chef-v12-option input{width:100%!important;box-sizing:border-box!important}
.chef-v12 .chef-v12-option .chef-drag{color:#98a2b3!important;cursor:grab!important}
.chef-v12 .chef-v12-remove-option{font-size:11px!important;background-color: #dc3545;color: #ffffff;border: none;padding: 5px 10px;border-radius: 6px;cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease;}
.chef-v12 .chef-free-product-list{background:#fafbfc!important;border:1px solid #e3e6ea!important;border-radius:10px!important;max-height:300px!important;padding:12px!important}
.chef-v12 .chef-free-product-list>label{padding:7px 8px!important;border-radius:7px!important}
.chef-v12 .chef-free-product-list>label:hover{background:#fff3ea!important}
.chef-v12 .chef-form-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:18px 26px!important;background:#fafbfc!important}
@media(max-width:1000px){.chef-v12 .chef-groups-table-head,.chef-v12 .chef-group-row{grid-template-columns:minmax(230px,1.8fr) 100px 130px 110px 130px!important;column-gap:10px!important}.chef-v12 .chef-groups-screen{max-width:100%!important}}
@media(max-width:760px){.chef-v12{margin-right:12px!important}.chef-v12 .chef-page-header{align-items:flex-start!important;flex-direction:column!important}.chef-v12 .chef-groups-table{overflow-x:auto!important}.chef-v12 .chef-groups-table-head,.chef-v12 .chef-group-row{min-width:850px!important}.chef-v12 .chef-v12-rule-grid{grid-template-columns:1fr!important}.chef-v12 .chef-v12-option-head{display:none!important}.chef-v12 #chef-v12-options .chef-price-field,.chef-v12 #chef-v12-options .chef-v12-remove-option{grid-column:2!important;justify-self:start!important}.chef-v12 .chef-page-header h1{font-size:23px!important}}


/* ============================================================
 * Addovio Product Add-ons 1.6.20
 * Editor layout — 50/50 editor and assigned products.
 * The existing functionality and markup remain unchanged.
 * ============================================================ */
.chef-v12 .chef-editor-screen{
    max-width:1200px !important;
    width:100% !important;
    display:block !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-editor-screen .chef-v12-editor{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.chef-v12 .chef-editor-screen .chef-v12-editor > form{
    width:100% !important;
}
.chef-v12 .chef-editor-screen .chef-form-card{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(1),
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(2),
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(3){
    grid-column:1 !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-assigned-products-section{
    grid-column:2 !important;
    grid-row:1 / span 3 !important;
    min-width:0 !important;
    align-self:stretch !important;
    border-left:1px solid #edf0f2 !important;
    border-bottom:0 !important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%) !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-editor-screen .chef-assigned-products-section .chef-free-product-list{
    max-height:460px !important;
    min-height:360px !important;
    overflow:auto !important;
}
.chef-v12 .chef-editor-screen .chef-assigned-products-section .chef-section-help{
    max-width:430px !important;
}
.chef-v12 .chef-editor-screen .chef-form-footer{
    grid-column:1 / -1 !important;
    border-top:1px solid #edf0f2 !important;
}
@media(max-width:900px){
    .chef-v12 .chef-editor-screen{
        max-width:100% !important;
    }
    .chef-v12 .chef-editor-screen .chef-form-card{
        grid-template-columns:1fr !important;
    }
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(1),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(2),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(3),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-assigned-products-section{
        grid-column:1 !important;
        grid-row:auto !important;
    }
    .chef-v12 .chef-editor-screen .chef-assigned-products-section{
        border-left:0 !important;
        border-bottom:1px solid #edf0f2 !important;
    }
    .chef-v12 .chef-editor-screen .chef-assigned-products-section .chef-free-product-list{
        min-height:260px !important;
        max-height:360px !important;
    }
}


/* ============================================================
 * Addovio Product Add-ons 1.6.21
 * Full-height editor layout.
 * Keep the 50/50 columns, but let the left column size its
 * sections naturally instead of distributing the right column's
 * height across every left section.
 * ============================================================ */
.chef-v12 .chef-editor-screen{
    width:100% !important;
    max-width:none !important;
}
.chef-v12 .chef-editor-screen .chef-form-card{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:auto auto minmax(280px,1fr) auto !important;
    min-height:calc(100vh - 250px) !important;
    width:100% !important;
    align-items:stretch !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(1){
    grid-column:1 !important;
    grid-row:1 !important;
    align-self:stretch !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(2){
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:stretch !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(3){
    grid-column:1 !important;
    grid-row:3 !important;
    align-self:stretch !important;
    min-height:280px !important;
}
.chef-v12 .chef-editor-screen .chef-form-card > .chef-assigned-products-section{
    grid-column:2 !important;
    grid-row:1 / 4 !important;
    height:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
}

.chef-v12 .chef-editor-screen .chef-form-section{
    box-sizing:border-box !important;
}
.chef-v12 .chef-editor-screen .chef-form-section:nth-child(1),
.chef-v12 .chef-editor-screen .chef-form-section:nth-child(2){
    padding-bottom:20px !important;
}
@media(max-width:900px){
    .chef-v12 .chef-editor-screen .chef-form-card{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        min-height:0 !important;
    }
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(1),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(2),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(3),
    .chef-v12 .chef-editor-screen .chef-form-card > .chef-assigned-products-section{
        grid-column:1 !important;
        grid-row:auto !important;
    }
    .chef-v12 .chef-editor-screen .chef-assigned-products-section .chef-free-product-list{
        height:auto !important;
        min-height:260px !important;
        max-height:360px !important;
    }
}



/* ============================================================
 * Addovio 1.6.27 — Assigned Products
 *
 * This selector intentionally follows the original working
 * implementation: each option is a real <label> containing a
 * native checkbox. No transparent overlay, custom checkbox,
 * absolute positioning, or click simulation is used.
 * ============================================================ */
.chef-v12 .chef-assigned-products-select{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-toggle{
    width:100%!important;
    min-height:42px!important;
    padding:8px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    text-align:left!important;
    border:1px solid #d7dce2!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#344054!important;
    box-shadow:none!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-toggle:hover,
.chef-v12 .chef-assigned-products-select .chef-multi-select-toggle[aria-expanded="true"]{
    border-color:#ff6508!important;
    box-shadow:0 0 0 3px rgba(255,101,8,.10)!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-menu{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 6px)!important;
    z-index:100000!important;
    display:block!important;
    max-height:365px!important;
    overflow:hidden!important;
    padding:9px!important;
    border:1px solid #d7dce2!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 12px 30px rgba(16,24,40,.14)!important;
    box-sizing:border-box!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-menu[hidden]{
    display:none!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-search{
    display:block!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 0 8px!important;
    padding:0 10px!important;
    border:1px solid #d7dce2!important;
    border-radius:7px!important;
    box-sizing:border-box!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-search:focus{
    border-color:#ff6508!important;
    box-shadow:0 0 0 3px rgba(255,101,8,.10)!important;
    outline:none!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-options{
    max-height:300px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-option{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    margin:0!important;
    padding:8px 9px!important;
    border:0!important;
    border-radius:7px!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    color:#344054!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:400!important;
    background:transparent!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-option:hover{
    background:#fff3ea!important;
}

/* Critical: use the browser's real checkbox. */
.chef-v12 .chef-assigned-products-select .chef-multi-select-option input.chef-multi-select-checkbox{
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    -moz-appearance:auto!important;
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    clip:auto!important;
    clip-path:none!important;
    inset:auto!important;
    z-index:auto!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:1px 0 0!important;
    padding:0!important;
    border:initial!important;
    border-radius:initial!important;
    background:initial!important;
    box-shadow:initial!important;
    cursor:pointer!important;
    accent-color:#ff6508!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-option .chef-multi-select-option-text{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-wrap:anywhere!important;
    cursor:pointer!important;
    line-height:1.35!important;
}

.chef-v12 .chef-assigned-products-select .chef-multi-select-empty{
    display:block!important;
    padding:12px!important;
    color:#667085!important;
    font-size:12px!important;
}


/* ============================================================
 * Addovio Product Add-ons 1.6.29
 * Saved add-on groups inside the group editor.
 * ============================================================ */
.chef-v12 .chef-editor-screen .chef-saved-groups-panel{
    margin-top:28px !important;
    padding-top:24px !important;
    border-top:1px solid #edf0f2 !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-editor-screen .chef-saved-groups-heading{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:14px !important;
}
.chef-v12 .chef-editor-screen .chef-saved-groups-heading .chef-section-label{
    display:block !important;
    margin-bottom:7px !important;
}
.chef-v12 .chef-editor-screen .chef-saved-groups-heading p{
    margin:0 !important;
    color:#71809a !important;
    font-size:12px !important;
    line-height:1.5 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-groups-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    max-height:360px !important;
    overflow-y:auto !important;
    padding-right:4px !important;
    box-sizing:border-box !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-card{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important; 
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    border: 1px solid #e3e7ec !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.chef-v12 .chef-editor-screen .chef-saved-group-drag{width:18px!important;flex:0 0 18px!important;color:#aab3c0!important;font-size:17px!important;line-height:1!important;text-align:center!important;cursor:grab!important;user-select:none!important;touch-action:none!important;}
.chef-v12 .chef-editor-screen .chef-saved-group-drag:active{cursor:grabbing!important;}
.chef-v12 .chef-editor-screen .chef-saved-group-card.ui-sortable-helper{box-shadow:0 10px 28px rgba(16,24,40,.12)!important;border-color:#ff6508!important;background:#fff!important;}
.chef-v12 .chef-editor-screen .chef-saved-group-placeholder{min-height:58px!important;border:1px dashed #ff6508!important;border-radius:9px!important;background:#fff7f2!important;box-sizing:border-box!important;}
.chef-v12 .chef-editor-screen .chef-saved-groups-list.is-saving-order{opacity:.7!important;}

.chef-v12 .chef-editor-screen .chef-saved-group-card.is-current{
    border-color:#ff6508 !important;
    box-shadow:0 0 0 1px rgba(255,101,8,.08) !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-main{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    min-width:0 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-main > div{
    min-width:0 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-main strong{
    display:block !important;
    color:#202733 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-main span:not(.chef-saved-group-dot){
    display:block !important;
    margin-top:4px !important;
    color:#8190a8 !important;
    font-size:11px !important;
    line-height:1.3 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-dot{
    width:7px !important;
    height:7px !important;
    flex:0 0 7px !important;
    margin-top:5px !important;
    border-radius:50% !important;
    background:#c7ccd4 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-card.is-current .chef-saved-group-dot{
    background:#ff6508 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex:0 0 auto !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-actions a{
    color:#ff6508 !important;
    font-size:11px !important;
    font-weight:600 !important;
    text-decoration:none !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-actions a:hover{
    text-decoration:underline !important;
}
.chef-v12 .chef-editor-screen .chef-saved-group-actions .chef-saved-group-delete{
    color:#c71515 !important;
    font-weight:400 !important;
}
.chef-v12 .chef-editor-screen .chef-saved-groups-empty{
    padding:14px 15px !important;
    border:1px dashed #dfe4ea !important;
    border-radius:9px !important;
    color:#8190a8 !important;
    font-size:12px !important;
    background:#fbfcfd !important;
}
@media(max-width:900px){
    .chef-v12 .chef-editor-screen .chef-saved-groups-list{
        max-height:320px !important;
    }
}
@media(max-width:560px){
    .chef-v12 .chef-editor-screen .chef-saved-group-card{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
    .chef-v12 .chef-editor-screen .chef-saved-group-actions{
        padding-left:16px !important;
    }
}


/* New add-on group action beside the editor title. */
.chef-v12 .chef-editor-screen .chef-editor-title-row{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
}
.chef-v12 .chef-editor-screen .chef-editor-title-row h2{
    margin:0 !important;
}
.chef-v12 .chef-editor-screen .chef-editor-new-group{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ff6508, #ef3f08) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 7px 18px rgba(239, 63, 8, .2) !important;
    cursor: pointer !important;
    transition: .15s ease !important;
}
.chef-v12 .chef-editor-screen .chef-editor-new-group:hover{
    background: linear-gradient(135deg, #b94903, #a32904) !important;
}
@media(max-width:560px){
    .chef-v12 .chef-editor-screen .chef-editor-title-row{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:6px !important;
    }
}

/* v1.6.32 — Free add-on images */
.chef-free-option-image{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.chef-free-option-image .chef-image-preview{width:52px;height:52px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa;}
.chef-free-option-image .chef-image-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.chef-free-option-image .chef-image-preview span{font-size:10px;color:#777;text-align:center;}
@media(max-width:900px){.chef-free-option-image{width:100%;margin-top:6px;}}

@media(max-width:650px){
    .chef-v12 #chef-v12-options .chef-v12-option:has(.chef-free-option-image){
        grid-template-columns:25px minmax(0,1fr) !important;
    }
    .chef-v12 #chef-v12-options .chef-v12-option:has(.chef-free-option-image) .chef-free-option-image,
    .chef-v12 #chef-v12-options .chef-v12-option:has(.chef-free-option-image) .chef-price-field,
    .chef-v12 #chef-v12-options .chef-v12-option:has(.chef-free-option-image) .chef-v12-remove-option{
        grid-column:2 !important;
        justify-self:start !important;
    }
}


/* Addovio 1.6.33 — Free option image first + stable five-column layout. */
body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-option{display:grid !important;grid-template-columns:25px 82px minmax(0,1fr) 150px 80px;gap:10px;align-items:center;overflow:visible;}
body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-free-option-image{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;width:82px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;flex-wrap:wrap !important;}
body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-name-field{grid-column:3 !important;min-width:0 !important;}
body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-price-field{grid-column:4 !important;min-width:0 !important;}
body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-remove-option{grid-column:5 !important;justify-self:end !important;white-space:nowrap !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-free-option-image .chef-image-preview{width:52px !important;height:52px !important;flex:0 0 52px !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-free-option-image .chef-select-image{min-height:34px !important;height:34px !important;padding:0 8px !important;box-sizing:border-box !important;font-size:11px !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head span:nth-child(1){grid-column:1 !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head span:nth-child(2){grid-column:2 !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head span:nth-child(3){grid-column:3 !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head span:nth-child(4){grid-column:4 !important;}
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head span:nth-child(5){grid-column:5 !important;}
@media(max-width:760px){body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-option-head{display:none !important;}body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-option{grid-template-columns:25px 72px minmax(0,1fr);gap:8px;overflow:visible;}body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-free-option-image{grid-column:2 !important;grid-row:1 / span 4 !important;width:72px !important;}body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-name-field,body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-price-field,body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-remove-option{grid-column:3 !important;justify-self:stretch !important;}body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-options .chef-v12-remove-option{justify-self:start !important;}}
.chef-v12 .chef-editor-screen .chef-saved-group-actions .chef-saved-group-copy{color:#475467 !important;}
.chef-v12 .chef-editor-screen .chef-saved-group-actions .chef-saved-group-copy:hover{color:#ff6508 !important;}


/* 1.6.24 — Field type editor */
.chef-field-type-help{margin:8px 0 0!important;color:#667085!important;font-size:12px!important;line-height:1.5!important}
.chef-v12-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.chef-v12-custom-grid label{display:flex;flex-direction:column;gap:6px}
.chef-v12-custom-grid .chef-required-setting{justify-content:center}
.chef-v12-custom-grid .chef-required-setting span{display:flex;align-items:center;gap:7px;min-height:40px}
.chef-v12-custom-grid .chef-required-setting input[type=checkbox]{width:18px;height:18px;margin:0}
@media(max-width:650px){.chef-v12-custom-grid{grid-template-columns:1fr}}


/* ============================================================
 * Addovio 1.6.24 — editor layout
 *
 * Keep the existing editor classes. The left column follows the
 * natural height of its own sections. The Assigned Products panel
 * spans the left-side editor rows without contributing its own
 * content height to those rows.
 * ============================================================ */
body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card{
    display:grid !important;
    grid-template-columns:minmax(0,1.7fr) minmax(360px,.78fr) !important;
    grid-template-rows:auto auto auto auto auto !important;
    width:100% !important;
    min-height:0 !important;
    align-items:stretch !important;
    overflow:hidden !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > input[type="hidden"]{
    display:none !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:not(.chef-assigned-products-section){
    grid-column:1 !important;
    align-self:start !important;
    min-height:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:nth-child(1){
    grid-row:1 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-field-type-section{
    grid-row:2 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-choice-settings,
body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-custom-settings{
    grid-row:3 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-options-editor-section{
    grid-row:4 !important;
    min-height:0 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section.chef-assigned-products-section{
    grid-column:2 !important;
    grid-row:1 / 5 !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    contain:size !important;
    border-left:1px solid #edf0f2 !important;
    border-bottom:0 !important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%) !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-footer{
    grid-column:1 / -1 !important;
    grid-row:5 !important;
    align-self:stretch !important;
}

/* Field Type control: label above the select. */
body.woocommerce_page_chef-complementos .chef-v12 .chef-field-type-control{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-field-type-control strong{
    display:block !important;
    margin:0 !important;
}

body.woocommerce_page_chef-complementos .chef-v12 #chef-v12-field-type{
    width:300px !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Text, Textarea and Number settings stay compact. */
body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-custom-grid{
    grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) !important;
    gap:16px 18px !important;
    align-items:end !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-custom-grid .chef-required-setting{
    justify-content:flex-start !important;
    align-self:end !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-custom-grid .chef-required-setting span{
    min-height:40px !important;
}

body.woocommerce_page_chef-complementos .chef-v12 .chef-v12-custom-grid label:not(.chef-required-setting){
    min-width:0 !important;
}

@media(max-width:900px){
    body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        min-height:0 !important;
    }

    body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section:not(.chef-assigned-products-section),
    body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section.chef-assigned-products-section,
    body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-footer{
        grid-column:1 !important;
        grid-row:auto !important;
    }

    body.woocommerce_page_chef-complementos .chef-v12 .chef-editor-screen .chef-form-card > .chef-form-section.chef-assigned-products-section{
        contain:none !important;
        overflow:visible !important;
        border-left:0 !important;
        border-bottom:1px solid #edf0f2 !important;
    }
}


/* Global brand color control, displayed immediately above the Options heading. */
.chef-v12 .chef-selector-color-setting{
    display:grid !important;
    grid-template-columns:minmax(190px, 0.8fr) minmax(0, 2fr) !important;
    align-items:center !important;
    gap:14px !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 22px !important;
    padding:12px 14px !important;
    border:1px solid #e3e6ea !important;
    border-radius:10px !important;
    background:#fbfbfc !important;
}
.chef-v12 .chef-selector-color-setting label{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin:0 !important;
    color:#344054 !important;
    font-size:12px !important;
    font-weight:500 !important;
}
.chef-v12 .chef-selector-color-setting input[type="color"]{
    flex:0 0 36px !important;
    width:36px !important;
    min-width:36px !important;
    height:32px !important;
    min-height:32px !important;
    padding:3px !important;
    border:1px solid #aeb4bc !important;
    border-radius:3px !important;
    background:#fff !important;
    cursor:pointer !important;
}
.chef-v12 .chef-selector-color-help{
    display:block !important;
    margin:0 !important;
    color:#475467 !important;
    font-size:12px !important;
    line-height:1.45 !important;
}
@media(max-width:600px){
    .chef-v12 .chef-selector-color-setting{
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
    }
}