/* Ebees Green Core – small front-end styles that work with any theme. */
.eg-colours { border: 0; margin: 4px 0 14px; padding: 0; grid-column: 1 / -1; }
.eg-colours legend { font-size: 14px; font-weight: 600; margin-bottom: 8px; padding: 0; }
.eg-colours__name { font-weight: 500; color: var(--eg-muted, #5E6B60); }
.eg-colours__list { display: flex; flex-wrap: wrap; gap: 10px; }
.eg-swatch { position: relative; cursor: pointer; margin: 0 !important; }
.eg-swatch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.eg-swatch__dot { display: block; width: 38px; height: 38px; border-radius: 50%; background: var(--sw); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); border: 3px solid #fff; outline: 2px solid transparent; transition: outline-color .15s, transform .15s; }
.eg-swatch:hover .eg-swatch__dot { transform: scale(1.06); }
.eg-swatch input:checked + .eg-swatch__dot { outline-color: var(--eg-deep, #00520B); }
.eg-swatch input:focus-visible + .eg-swatch__dot { outline-color: var(--eg-leaf, #5CAF17); }
.eg-card-dots { display: flex; align-items: center; gap: 4px; padding: 0 6px 6px; }
.eg-card-dots span { width: 14px; height: 14px; border-radius: 50%; background: var(--sw); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.eg-card-dots em { font-style: normal; font-size: 11px; color: var(--eg-muted, #5E6B60); margin-left: 2px; }