/* v3.9.56: flavour chooser is an optional enhancement to WooCommerce variation selects. */
.vcc-has-flavour-picker .vcc-flavour-picker{margin:9px 0 0}
.vcc-has-flavour-picker .vcc-flavour-trigger{width:100%;max-width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #0d9c8e;border-radius:10px;padding:11px 15px;background:#f6fcfa;color:#193540;text-align:left;font-weight:650;cursor:pointer}
.vcc-flavour-overlay[hidden]{display:none!important}
.vcc-flavour-overlay{position:fixed;inset:0;background:rgba(8,23,29,.68);z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px}
.vcc-flavour-modal{display:flex;flex-direction:column;gap:12px;width:min(790px,100%);max-height:min(82dvh,760px);overflow:hidden;border-radius:18px;background:#fff;color:#162f3a;box-shadow:0 22px 75px #0004;padding:22px}
.vcc-flavour-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vcc-flavour-head h2{font-size:23px;margin:0;color:#19323e;line-height:1.2}
.vcc-flavour-close{font-size:28px;color:#39545a;background:transparent;border:0;padding:2px 10px;cursor:pointer}
.vcc-flavour-search{width:100%;min-height:47px;padding:10px 13px;border:1px solid #cbdcd8;border-radius:10px;background:#fff;color:#18333e}
.vcc-flavour-count{margin:0;color:#587079;font-size:13px}
.vcc-flavour-options{overflow:auto;min-height:90px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;padding:2px 3px 6px}
.vcc-flavour-option{display:flex;align-items:center;text-align:left;gap:9px;min-width:0;padding:10px;border:1px solid #dce8e5;border-radius:10px;background:#f7faf9;color:#183740;font-size:13px;font-weight:650;cursor:pointer}
.vcc-flavour-option:hover,.vcc-flavour-option.is-selected{border-color:#109788;background:#e8f7f3}
.vcc-flavour-option:disabled{opacity:.45;cursor:not-allowed}
.vcc-flavour-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;font-size:22px}
.vcc-flavour-symbol img{width:30px;height:30px;object-fit:contain}
.vcc-flavour-name{min-width:0;overflow-wrap:anywhere}
.vcc-flavour-footer{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid #e2eae9}
.vcc-flavour-footer button{border:1px solid #ccdeda;border-radius:8px;background:#fff;color:#203b45;padding:9px 20px;cursor:pointer}
.vcc-flavour-empty{margin:6px;color:#52676e}
.vcc-flavour-overlay :is(input,button):focus-visible,.vcc-flavour-trigger:focus-visible{outline:3px solid #0b8e82;outline-offset:2px}
body.vcc-flavour-open{overflow:hidden}
.vcc-flavour-admin-list{max-height:520px;overflow:auto;margin:14px 0 18px}.vcc-flavour-admin-list .vcc-flavour-preview{font-size:24px}.vcc-flavour-admin-row[hidden]{display:none}
@media(max-width:650px){.vcc-flavour-modal{padding:16px;max-height:90dvh}.vcc-flavour-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.vcc-flavour-options{grid-template-columns:1fr}}

/* Hide the redundant native select visually after the enhanced control has mounted. */
.vcc-has-flavour-picker select.vcc-flavour-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* v3.9.68: keep native controls visible until progressive enhancement has mounted. */
.vcc-flavour-picker{max-width:100%;min-width:0}
.vcc-flavour-current{min-width:0;overflow-wrap:anywhere}
.vcc-flavour-option[hidden]{display:none!important}
.vcc-flavour-option:focus-visible{outline:3px solid #0b8e82;outline-offset:2px}