/* Base wrapper */
.fp-att-wrapper { margin: 14px 0 18px; }
.fp-att-label { font-weight: 600; margin-bottom: 8px; }

/* Swatches row */
.fp-swatches { display: flex; flex-wrap: wrap; gap: var(--fp-gap); }

/* Pill */
.fp-swatch {
  appearance: none; border: 1px solid var(--fp-muted); background: #fff; color: var(--fp-muted-text);
  padding: var(--fp-pad); border-radius: var(--fp-radius); cursor: pointer; font: var(--fp-font);
  transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease;
}
.fp-swatch:hover { transform: translateY(-1px); }
.fp-swatch.is-selected { border-color: var(--fp-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-primary) 20%, transparent); }
.fp-swatch[disabled], .fp-swatch.is-disabled { opacity: .45; cursor: not-allowed; text-decoration: line-through; }

/* Keep the real select for WC logic but hide visually */
.fp-select-holder select { position: absolute !important; opacity: 0 !important; pointer-events: none; height: 0; width: 0; }

/* Better spacing with pricing block */
.single-product .variations_form .fp-att-wrapper { margin-top: 16px; }