/** * CoinGate Sync - Frontend Variations CSS * Style out-of-stock variations in dropdowns like CoinGate * v3.10: Use ISO code prefix for country flags (works in all browsers, * unlike Unicode emoji which requires OS-level emoji font support) */ /* Fix word stretching in variation dropdowns — override parent justify */ .variations, .variations td, .variations .value, .variations select { text-align: start !important; text-align-last: start !important; } /* Out of stock options: strikethrough + gray */ .variations select option.cgs-out-of-stock { text-decoration: line-through; color: #999 !important; font-style: italic; } /* Separate "In stock" and "Out of stock" sections visually */ .variations select optgroup { font-weight: 600; } /* Extra safety: hide initial price range on CoinGate variable products The main hiding is in inline CSS injected by class-custom-product.php, but this catches any edge cases (e.g. cached pages, JS-rendered elements) */