.vvt-toggle{display:flex;width:max-content;margin:0 0 12px auto;background:#eee;border-radius:999px}
.vvt-toggle button{border:0;background:transparent;padding:6px 16px;border-radius:999px;font-size:14px;cursor:pointer;color:#111;line-height:1.2}
.vvt-toggle button.is-active{background:#fff;box-shadow:inset 0 0 0 1px #ccc}
[dir=rtl] .vvt-toggle{margin:0 auto 12px 0}

.vvt-label{display:none}

/* Grid: swatches side by side, no text */
.vvt-view-grid .rtwpvs-terms-wrapper{display:flex;flex-wrap:wrap}

/* List: one swatch per row with its name beside it */
.vvt-view-list .rtwpvs-terms-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;max-height:240px;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;padding:6px 10px}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term{display:flex;align-items:center;gap:12px;width:100%!important;height:auto!important;max-width:none;margin:0!important;box-shadow:none;border:0;background:transparent}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term > *:not(.vvt-label):not(.image-tooltip-wrapper){flex:none;display:block;position:relative;width:40px!important;height:40px!important;min-width:40px;max-width:40px;margin:0;padding:0;border-radius:50%;overflow:hidden;line-height:0}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;border-radius:50%}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-group,
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-group-items{display:flex;flex-direction:column;gap:4px;width:100%}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term .vvt-label{display:block;font-size:15px;line-height:1.3;white-space:normal}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term.selected .vvt-label{font-weight:600}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term::before,
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term::after{display:none!important}

/* List polish: bordered scroll box, group heading, hover row, ringed selection */
.vvt-view-list .rtwpvs-terms-wrapper{display:block;max-height:230px;border-radius:6px;padding:0;gap:0}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-group{display:block;margin:0;padding:0}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-group-label{display:block;font-size:13px;line-height:1.3;color:#111;padding:8px 8px 4px;margin:0}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-group-items{display:flex;flex-direction:column;gap:0;width:100%}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term{padding:3px 4px;box-sizing:border-box;cursor:pointer;border-radius:0}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:hover{background:#f6f6f6}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term > .rtwpvs-term-span{overflow:visible}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term.selected > .rtwpvs-term-span{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term.selected .vvt-label{font-weight:400}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term-span img{border-radius:50%}

/* List alignment: left-aligned rows, identical circles */
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term{justify-content:flex-start!important;align-items:center!important;text-align:start;flex-direction:row!important;padding:4px 8px!important;min-height:48px;box-sizing:border-box}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term > .rtwpvs-term-span{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;aspect-ratio:1/1}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term .vvt-label{flex:1 1 auto;text-align:start;margin:0}

/* List scrolling: always scrollable with a visible bar, 4.5 rows so more is hinted */
.vvt-view-list .rtwpvs-terms-wrapper{max-height:216px!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin!important;scrollbar-color:#999 #f1f1f1!important;overscroll-behavior:contain}
.vvt-view-list .rtwpvs-terms-wrapper::-webkit-scrollbar{display:block!important;width:8px!important}
.vvt-view-list .rtwpvs-terms-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}
.vvt-view-list .rtwpvs-terms-wrapper::-webkit-scrollbar-thumb{background:#999;border-radius:4px}

/* The swatch plugin makes the wrapper a fixed-height wrapping column, which pushes rows into hidden extra columns. Force a single scrolling column. */
.vvt-view-list .rtwpvs-terms-wrapper{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;min-width:260px}
.vvt-view-list .rtwpvs-terms-wrapper>.rtwpvs-term{flex:0 0 auto!important}

/* List hover: square pink row with white text (overrides the theme's rounded outline) */
.vvt-view-list .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term),
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term){border-radius:0!important;background-color:transparent!important;box-shadow:none!important}
.vvt-view-list .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover,
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover{border-radius:0!important;background-color:#BF567E!important;box-shadow:none!important;padding:4px 8px!important}
.vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:hover .vvt-label{color:#fff!important}

/* Beat the theme's !important hover rules (shadow outline + white background) */
html body .rtwpvs .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover,
html body .vvt-view-list.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):hover,
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):not(.x):hover{background-color:#BF567E!important;box-shadow:none!important;border-radius:0!important;outline:0!important}
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):not(.x):not(:hover),
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term):not(.x).selected:not(:hover){box-shadow:none!important;border-radius:0!important}

/* The theme turns .selected text white (button-text colour); keep the name readable */
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term .vvt-label{color:#4b4b4b!important}
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:hover .vvt-label{color:#fff!important}

/* Selected row: soft pink background (hover stays solid pink with white text) */
html body .vvt-view-list .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected:not(:hover){background-color:#f8e4ec!important}