/* ============================================================
   WooCommerce Product Options - dark skin fit (Woodmart child)
   2026-09-18

   Only variable overrides: the plugin exposes its dropdown colours
   as --wpo-input-* variables (qty6), so a site on a dark palette
   re-points them here instead of restyling .nice-select by hand.

   Loaded as its own file on purpose: Autoptimize strips ?ver= from
   style.css, so edits there kept being served from browser cache.
   ============================================================ */

.wpo-options-container {
	/* surfaces */
	--wpo-input-background-color: #121210;
	--wpo-input-dropdown-background-color: #121210;
	--wpo-input-border-color: rgba(255, 255, 255, .22);
	--wpo-input-border-color-alt: rgba(255, 255, 255, .18);
	--wpo-input-border-radius: 6px;

	/* text */
	--wpo-input-text-color: #fff;
	--wpo-input-dropdown-text-color: #e8e8e8;

	/* accent (Woodmart --wd-primary-color) */
	--wpo-input-focus-color: #c4fc09;
	--wpo-input-success-color: #c4fc09;
	--wpo-input-arrow-color: #c4fc09;

	/* hover / selected rows */
	--wpo-input-hover-background-color: rgba(196, 252, 9, .12);
	--wpo-input-hover-text-color: #c4fc09;
}