/** * Tax Exemption for WooCommerce - price toggle and ex-tax price display. * * Both prices are in the markup; the class on decides which one shows. The * base rule hides the ex-tax half so a visitor with JavaScript disabled still sees a * single, tax-inclusive price rather than two. */ .tefw-price--excl { display: none; } html.tefw-prices-excl .tefw-price--excl { display: inline; } html.tefw-prices-excl .tefw-price--incl { display: none; } /* Toggle control */ .tefw-price-toggle { display: inline-flex; align-items: stretch; margin: 0 0 1em; border: 1px solid currentColor; border-radius: 4px; overflow: hidden; opacity: 0.85; font-size: 0.9em; line-height: 1.2; } .tefw-price-toggle__option { margin: 0; padding: 0.5em 0.9em; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; } .tefw-price-toggle__option:hover, .tefw-price-toggle__option:focus { background: rgba(0, 0, 0, 0.06); } /** * Theme neutral on purpose: the plugin has no idea what the store's palette is, so * the active option is marked with weight and a translucent wash that works on both * light and dark backgrounds rather than a colour that might clash. */ .tefw-price-toggle__option.is-active { background: rgba(0, 0, 0, 0.08); font-weight: 600; } .tefw-price-toggle--switch { border-radius: 999px; } .tefw-price-toggle--switch .tefw-price-toggle__option:first-child { border-radius: 999px 0 0 999px; } .tefw-price-toggle--switch .tefw-price-toggle__option:last-child { border-radius: 0 999px 999px 0; } /* Notices */ .tefw-price-display-notice { margin: 0 0 1em; font-size: 0.9em; opacity: 0.8; } .tefw-price-suffix { white-space: nowrap; }