/* Store elements: header mini cart and account, product inquiry, sale countdown. Values come from --wse-* (module appearance) and the shared --wootilities-* design system. */
.wse { position: relative; display: inline-flex; align-items: center; vertical-align: middle; box-sizing: border-box; font: inherit; }
.wse *, .wse *::before, .wse *::after { box-sizing: border-box; }
.wse-sr, .wse .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* Header triggers */
.wse a.wse-trigger { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--wse-trigger-gap, 6px); min-width: 44px; min-height: 44px; padding: 6px; border: 0; border-radius: var(--wootilities-button-radius, 4px); background: none; box-shadow: none; color: var(--wse-trigger-color, inherit); font-size: var(--wse-trigger-font, inherit); line-height: 1.2; text-decoration: none; cursor: pointer; }
.wse a.wse-trigger:hover, .wse a.wse-trigger:focus-visible, .wse a.wse-trigger[aria-expanded="true"] { color: var(--wse-trigger-hover, var(--wootilities-primary, currentColor)); background: none; text-decoration: none; }
.wse a.wse-trigger:focus-visible { outline: 2px solid var(--wootilities-ring, currentColor); outline-offset: 2px; }
.wse-icon { flex: none; width: var(--wse-trigger-icon, 24px); height: var(--wse-trigger-icon, 24px); }

/* Mini cart indicator; fragments replace both spans, the wrapper decides what shows. */
.wse-minicart__count { position: absolute; top: 2px; inset-inline-end: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 1.7em; height: 1.7em; padding: 0 .4em; border-radius: 999px; background: var(--wse-badge-background, var(--wootilities-primary, #e2001a)); color: var(--wse-badge-text, var(--wootilities-primary-text, #fff)); font-size: var(--wse-badge-font, 11px); font-weight: 600; line-height: 1; }
.wse-minicart__total { font-weight: 600; white-space: nowrap; }
.wse-minicart:is([data-indicator="total"], [data-indicator="none"]) .wse-minicart__count,
.wse-minicart:is([data-indicator="count"], [data-indicator="none"]) .wse-minicart__total,
.wse-minicart[data-hide-empty] .wse-minicart__count[data-count="0"] { display: none; }
.wse-minicart[data-indicator="both"] .wse-minicart__count { position: static; order: 3; }

/* Panels: popup, side panel, dropdown. */
dialog.wse-dialog { box-sizing: border-box; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); margin: auto; padding: var(--wse-panel-padding, 20px); overflow: auto; border: 1px solid var(--wse-panel-border, var(--wootilities-border, #e5e5e5)); border-radius: var(--wse-panel-radius, var(--wootilities-card-radius, 8px)); background: var(--wse-panel-background, var(--wootilities-card, #fff)); color: var(--wse-panel-text, var(--wootilities-foreground, #171717)); text-align: start; font-size: 15px; line-height: 1.5; box-shadow: 0 18px 50px rgba(0, 0, 0, .18); }
dialog.wse-dialog::backdrop { background: color-mix(in srgb, var(--wse-overlay, #000) 45%, transparent); }
dialog.wse-dialog.is-popup { position: fixed; inset: 0; width: min(var(--wse-popup-width, 480px), calc(100vw - 24px)); height: fit-content; }
dialog.wse-dialog.is-drawer { position: fixed; inset-block: 0; inset-inline: auto 0; width: min(var(--wse-drawer-width, 400px), 100vw); height: 100dvh; max-width: 100vw; max-height: none; margin: 0; border-width: 0 0 0 1px; border-radius: 0; }
dialog.wse-dialog.is-drawer.is-side-left { inset-inline: 0 auto; border-width: 0 1px 0 0; }
dialog.wse-dialog.is-tooltip { position: absolute; z-index: 1000; inset-block-start: calc(100% + 6px); inset-inline: auto 0; width: min(var(--wse-tooltip-width, 320px), calc(100vw - 24px)); margin: 0; }
dialog.wse-dialog.is-tooltip.is-align-start { inset-inline: 0 auto; }
.wse-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; }
.wse-dialog .wse-dialog__title { margin: 0; color: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; }
.wse-dialog button.wse-dialog__close { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: -10px -10px -10px 0; padding: 0; border: 0; border-radius: var(--wootilities-button-radius, 4px); background: none; box-shadow: none; color: inherit; cursor: pointer; }
.wse-dialog button.wse-dialog__close:hover { background: var(--wootilities-muted, #f5f5f5); color: inherit; }
.wse-dialog button.wse-dialog__close .wse-icon { width: 20px; height: 20px; }
html:has(dialog.wse-dialog[open]:modal) { overflow: hidden; }

/* Shared buttons */
.wse a.wse-button, .wse button.wse-button, .wse-dialog button.wse-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; min-height: 44px; margin: 0; padding: .6em 1.2em; border: 1px solid var(--wootilities-border, #d4d4d4); border-radius: var(--wootilities-button-radius, 4px); background: var(--wootilities-secondary, #fff); box-shadow: none; color: var(--wootilities-secondary-text, inherit); font: inherit; font-weight: 600; line-height: 1.25; text-align: center; text-decoration: none; text-transform: none; cursor: pointer; transform: none; }
.wse-dialog :is(a, button).wse-button.is-primary { border-color: var(--wootilities-primary, #e2001a); background: var(--wootilities-primary, #e2001a); color: var(--wootilities-primary-text, #fff); }
.wse-dialog :is(a, button).wse-button.is-primary:hover { border-color: var(--wootilities-primary-hover, #c00017); background: var(--wootilities-primary-hover, #c00017); color: var(--wootilities-primary-text-hover, #fff); }

/* Mini cart panel. The module renders its own markup and these declarations are !important on purpose: theme, Elementor and WooCommerce widget rules cannot change the panel. Sizes come from the settings, colors from --wootilities-* tokens. */
dialog.wse-dialog[data-thumb] { --wse-thumb: 64px; }
dialog.wse-dialog[data-thumb="s"] { --wse-thumb: 48px; }
dialog.wse-dialog[data-thumb="l"] { --wse-thumb: 80px; }
dialog.wse-dialog[data-thumb] .wse-dialog__title { font-size: var(--wse-minicart-title-size, 18px); }
dialog.wse-dialog .wse-minicart__content { display: block; font-size: 15px !important; line-height: 1.45 !important; text-align: start !important; }
dialog.wse-dialog .wse-minicart__content :is(ul, li, div, p, a, span, strong, b, em, small, bdi, img, dl, dt, dd) { box-sizing: border-box !important; position: static; float: none !important; clear: none !important; width: auto; min-width: 0 !important; max-width: none !important; height: auto; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-style: normal !important; font-weight: inherit !important; letter-spacing: normal !important; line-height: inherit !important; text-align: inherit !important; text-decoration: none !important; text-indent: 0 !important; text-shadow: none !important; text-transform: none !important; list-style: none !important; transform: none !important; transition: none !important; }
dialog.wse-dialog .wse-minicart__content :is(ul, li, div, p, a, span, dl, dt, dd)::before, dialog.wse-dialog .wse-minicart__content :is(ul, li, div, p, a, span, dl, dt, dd)::after { content: none !important; display: none !important; }
dialog.wse-dialog .wse-minicart__content ul.wse-mc__items { display: block !important; }
dialog.wse-dialog .wse-minicart__content li.wse-mc__item { position: relative !important; display: grid !important; grid-template-columns: var(--wse-thumb) minmax(0, 1fr) 32px !important; align-items: start !important; gap: 12px !important; padding: 14px 0 !important; border-bottom: 1px solid var(--wootilities-border, rgb(0 0 0 / 10%)) !important; }
dialog.wse-dialog .wse-minicart__content li.wse-mc__item:first-child { padding-top: 0 !important; }
dialog.wse-dialog .wse-minicart__content li.wse-mc__item.is-busy { opacity: .5; pointer-events: none; }
dialog.wse-dialog .wse-minicart__content .wse-mc__thumb { display: block !important; width: var(--wse-thumb) !important; height: var(--wse-thumb) !important; overflow: hidden !important; background: var(--wootilities-muted, #f5f5f5) !important; }
dialog.wse-dialog[data-thumb-shape="rounded"] .wse-minicart__content .wse-mc__thumb { border-radius: var(--wootilities-card-radius, 8px) !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__thumb img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
dialog.wse-dialog[data-thumb="none"] .wse-minicart__content li.wse-mc__item { grid-template-columns: minmax(0, 1fr) 32px !important; }
dialog.wse-dialog[data-thumb="none"] .wse-minicart__content .wse-mc__thumb { display: none !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__body { display: grid !important; gap: 2px !important; align-content: start !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__name { display: block !important; font-size: var(--wse-minicart-name-size, 15px) !important; font-weight: 600 !important; line-height: 1.3 !important; overflow-wrap: anywhere !important; }
dialog.wse-dialog .wse-minicart__content a.wse-mc__name:is(:hover, :focus-visible) { color: var(--wse-trigger-hover, var(--wootilities-primary, inherit)) !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__meta { display: block !important; font-size: 13px !important; line-height: 1.4 !important; opacity: .7 !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__meta dl { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; gap: 0 4px !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__meta :is(dt, dd) { display: block !important; font-weight: 400 !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__meta dd p { display: inline !important; }
dialog.wse-dialog[data-options-hidden] .wse-minicart__content .wse-mc__meta { display: none !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__qty { display: block !important; margin-top: 4px !important; font-size: var(--wse-minicart-price-size, 14px) !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__qty .amount { font-weight: 600 !important; }
dialog.wse-dialog .wse-minicart__content a.wse-mc__remove { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 999px !important; opacity: .6; cursor: pointer; }
dialog.wse-dialog .wse-minicart__content a.wse-mc__remove:is(:hover, :focus-visible) { background: var(--wootilities-muted, #f5f5f5) !important; opacity: 1; }
dialog.wse-dialog .wse-minicart__content a.wse-mc__remove :is(svg, img) { display: block !important; width: 18px !important; height: 18px !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__footer { display: grid !important; gap: 12px !important; padding-top: 16px !important; }
dialog.wse-dialog .wse-minicart__content p.wse-mc__subtotal { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 12px !important; font-size: 16px !important; }
dialog.wse-dialog .wse-minicart__content p.wse-mc__subtotal strong { font-weight: 700 !important; }
dialog.wse-dialog .wse-minicart__content .wse-mc__buttons { display: grid !important; gap: 8px !important; }
dialog.wse-dialog .wse-minicart__content a.wse-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 12px 20px !important; border: 1px solid var(--wootilities-border, #d4d4d4) !important; border-radius: var(--wootilities-button-radius, 4px) !important; background: var(--wootilities-secondary, #fff) !important; color: var(--wootilities-secondary-text, #171717) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; cursor: pointer; }
dialog.wse-dialog .wse-minicart__content a.wse-button:is(:hover, :focus-visible) { border-color: var(--wootilities-border-hover, currentColor) !important; background: var(--wootilities-secondary-hover, #f5f5f5) !important; color: var(--wootilities-secondary-text-hover, var(--wootilities-secondary-text, #171717)) !important; }
dialog.wse-dialog .wse-minicart__content a.wse-button.is-primary { border-color: var(--wootilities-primary, #e2001a) !important; background: var(--wootilities-primary, #e2001a) !important; color: var(--wootilities-primary-text, #fff) !important; }
dialog.wse-dialog .wse-minicart__content a.wse-button.is-primary:is(:hover, :focus-visible) { border-color: var(--wootilities-primary-hover, #c00017) !important; background: var(--wootilities-primary-hover, #c00017) !important; color: var(--wootilities-primary-text-hover, #fff) !important; }
dialog.wse-dialog .wse-minicart__content .wse-minicart__empty { display: grid !important; justify-items: center !important; gap: 12px !important; padding: 32px 0 !important; text-align: center !important; }
dialog.wse-dialog .wse-minicart__content .wse-minicart__empty > :is(svg, img, span) { display: block !important; width: 48px !important; height: 48px !important; opacity: .6; }
dialog.wse-dialog .wse-minicart__content .wse-minicart__empty > span svg { width: 100% !important; height: 100% !important; }
dialog.wse-dialog .wse-minicart__content .wse-minicart__empty > span:empty { display: none !important; }
dialog.wse-dialog .wse-minicart__content p.wse-mc__empty-text { text-align: center !important; }
dialog.wse-dialog .wse-minicart__content .wse-minicart__empty a.wse-button { width: auto !important; }
dialog.wse-dialog .wse-minicart__content [hidden], dialog.wse-dialog .wse-minicart__content[hidden] { display: none !important; }
dialog.wse-dialog .wse-dialog__header { padding: 0 !important; border: 0 !important; background: none !important; }
.wse-icon--custom, img.wse-icon--image { display: block; object-fit: contain; }
svg.wse-icon--custom:not([fill]) { fill: currentColor; }
/* Sticky footer: the item list scrolls, subtotal and buttons stay at the bottom of the side panel. */
dialog.wse-dialog.is-drawer[data-sticky-footer][open] { display: flex; flex-direction: column; overflow: hidden; }
dialog.wse-dialog.is-drawer[data-sticky-footer] .wse-dialog__header { flex: none; }
dialog.wse-dialog.is-drawer[data-sticky-footer] .wse-minicart__content { display: flex !important; flex: 1 1 auto; flex-direction: column; min-height: 0; }
dialog.wse-dialog.is-drawer[data-sticky-footer] .wse-minicart__content ul.wse-mc__items { flex: 1 1 auto; min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain; }
dialog.wse-dialog.is-drawer[data-sticky-footer] .wse-minicart__content .wse-mc__footer { flex: none; }

/* Forms: login, registration, inquiry */
.wse-form p { margin: 0 0 12px; }
.wse-form label { display: block; margin-bottom: 4px; font-weight: 500; }
.wse-form label.wse-form__check { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; }
.wse-form label.wse-form__check input { flex: none; margin-top: .25em; }
.wse-form :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea) { box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: 8px 12px; border: 1px solid var(--wootilities-border, #d4d4d4); border-radius: var(--wootilities-button-radius, 4px); background: var(--wootilities-background, #fff); color: inherit; font: inherit; }
.wse-form :is(input, textarea):focus-visible { outline: 2px solid var(--wootilities-ring, currentColor); outline-offset: 1px; }
.wse-form .required { color: var(--wootilities-primary, inherit); }
.wse-form button.wse-button { width: 100%; }
.wse-form__links { margin-top: 12px !important; font-size: .9em; }
.wse-form__note { color: var(--wootilities-muted-foreground, inherit); font-size: .9em; }
.wse-form__status:empty { display: none; }
.wse-form__status { padding: 8px 12px; border-radius: var(--wootilities-button-radius, 4px); background: var(--wootilities-muted, #f5f5f5); }
.wse-form__status[data-state="success"] { background: color-mix(in srgb, var(--wootilities-notice-success, #218838) 14%, transparent); }
.wse-form__status[data-state="error"] { background: color-mix(in srgb, var(--wootilities-notice-error, #b32d2e) 14%, transparent); }
.wse-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.wse-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 0 0 16px; padding: 4px; border-radius: var(--wootilities-button-radius, 4px); background: var(--wootilities-muted, #f5f5f5); }
.wse-tabs button { min-height: 40px; margin: 0; padding: 6px 10px; border: 0; border-radius: var(--wootilities-button-radius, 4px); background: none; box-shadow: none; color: inherit; font: inherit; font-weight: 500; cursor: pointer; }
.wse-tabs button[aria-selected="true"] { background: var(--wse-panel-background, var(--wootilities-card, #fff)); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.wse-account__notices .woocommerce-error, .wse-account__notices .woocommerce-message, .wse-account__notices .woocommerce-info { margin: 0 0 12px; }
.wse-account__menu ul { margin: 0; padding: 0; list-style: none; }
dialog.wse-dialog .wse-account__menu a { display: flex; align-items: center; min-height: 44px; padding: 8px 10px; border-radius: var(--wootilities-button-radius, 4px); color: inherit; text-decoration: none; }
dialog.wse-dialog .wse-account__menu a:hover, dialog.wse-dialog .wse-account__menu a:focus-visible { background: var(--wootilities-muted, #f5f5f5); color: var(--wse-trigger-hover, var(--wootilities-primary, inherit)); }
.wse-account__item--customer-logout { margin-top: 4px; border-top: 1px solid var(--wootilities-border, #e5e5e5); padding-top: 4px; }

/* Product inquiry */
.wse-inquiry { display: flex; margin: 12px 0; }
.wse a.wse-inquiry__button { border-radius: var(--wse-inquiry-radius, var(--wootilities-button-radius, 4px)); font-size: var(--wse-inquiry-font, inherit); background: var(--wse-inquiry-background, var(--wootilities-secondary, #fff)); color: var(--wse-inquiry-text-color, var(--wootilities-secondary-text, inherit)); }
.wse a.wse-inquiry__button:hover, .wse a.wse-inquiry__button:focus-visible { border-color: var(--wootilities-border-hover, currentColor); background: var(--wse-inquiry-hover-background, var(--wootilities-secondary-hover, #f5f5f5)); color: var(--wse-inquiry-hover-text, var(--wootilities-secondary-text-hover, inherit)); }
.wse a.wse-inquiry__button.is-primary { border-color: var(--wse-inquiry-background, var(--wootilities-primary, #e2001a)); background: var(--wse-inquiry-background, var(--wootilities-primary, #e2001a)); color: var(--wse-inquiry-text-color, var(--wootilities-primary-text, #fff)); }
.wse a.wse-inquiry__button.is-primary:hover, .wse a.wse-inquiry__button.is-primary:focus-visible { border-color: var(--wse-inquiry-hover-background, var(--wootilities-primary-hover, #c00017)); background: var(--wse-inquiry-hover-background, var(--wootilities-primary-hover, #c00017)); color: var(--wse-inquiry-hover-text, var(--wootilities-primary-text-hover, #fff)); }
.wse a.wse-inquiry__button.is-outline { border-color: var(--wse-inquiry-text-color, var(--wootilities-primary, currentColor)); background: var(--wse-inquiry-background, transparent); color: var(--wse-inquiry-text-color, var(--wootilities-primary, inherit)); }
.wse a.wse-inquiry__button.is-outline:hover, .wse a.wse-inquiry__button.is-outline:focus-visible { border-color: var(--wse-inquiry-hover-background, var(--wootilities-primary, currentColor)); background: var(--wse-inquiry-hover-background, var(--wootilities-primary, #e2001a)); color: var(--wse-inquiry-hover-text, var(--wootilities-primary-text, #fff)); }
.wse a.wse-inquiry__button.is-link { min-height: 44px; padding-inline: 0; border-color: transparent; background: var(--wse-inquiry-background, transparent); color: var(--wse-inquiry-text-color, var(--wootilities-primary, inherit)); font-weight: 500; text-decoration: underline; text-underline-offset: .2em; }
.wse a.wse-inquiry__button.is-link:hover, .wse a.wse-inquiry__button.is-link:focus-visible { border-color: transparent; background: var(--wse-inquiry-hover-background, transparent); color: var(--wse-inquiry-hover-text, var(--wootilities-primary-hover, inherit)); }
.wse a.wse-inquiry__button:focus-visible { outline: 2px solid var(--wootilities-ring, currentColor); outline-offset: 2px; }
.wse-inquiry__product { font-weight: 600; }
.wse-inquiry__text > :first-child { margin-top: 0; }
.wse-inquiry__text > :last-child { margin-bottom: 0; }
.wse-inquiry__layout { display: grid; gap: 20px; }
dialog.wse-dialog:has(.wse-inquiry__dialog.is-text-side:not(.has-no-text)) { width: min(max(var(--wse-popup-width, 480px), 760px), calc(100vw - 24px)); }
.wse-inquiry__dialog.is-text-side:not(.has-no-text) .wse-inquiry__layout { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: start; }
@media (max-width: 680px) { .wse-inquiry__dialog.is-text-side .wse-inquiry__layout { grid-template-columns: minmax(0, 1fr) !important; } }
/* Without JavaScript the button jumps to the inquiry, which shows in place. */
dialog.wse-dialog:target:not([open]) { display: block; position: fixed; z-index: 100000; inset: 0; margin: auto; }

/* Sale countdown */
.wse-countdown { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 16px; color: var(--wse-countdown-text, inherit); }
.wse-countdown[hidden], .wse-countdown__unit[hidden] { display: none !important; }
.wse-countdown__label { font-size: var(--wse-countdown-label-size, 14px); font-weight: 500; }
.wse-countdown__time { display: inline-flex; gap: 6px; }
.wse-countdown__unit b { color: var(--wse-countdown-number, var(--wootilities-primary, inherit)); font-size: var(--wse-countdown-number-size, 20px); font-variant-numeric: tabular-nums; line-height: 1.1; }
.wse-countdown__unit small { font-size: var(--wse-countdown-label-size, 12px); }
.wse-countdown.is-boxes .wse-countdown__unit { display: inline-grid; justify-items: center; min-width: 52px; padding: 6px 8px; border-radius: var(--wse-countdown-radius, var(--wootilities-card-radius, 4px)); background: var(--wse-countdown-background, var(--wootilities-muted, #f5f5f5)); }
.wse-countdown.is-inline { gap: 6px; padding: 6px 10px; border-radius: var(--wse-countdown-radius, var(--wootilities-card-radius, 4px)); background: var(--wse-countdown-background, transparent); }
.wse-countdown.is-inline .wse-countdown__time { gap: 4px; }
.wse-countdown.is-inline .wse-countdown__unit b { font-size: var(--wse-countdown-number-size, inherit); }
.wse-countdown.is-inline .wse-countdown__unit small { margin-inline-start: 2px; }

/* Currency switcher */
.wse-currency { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 12px; color: var(--wse-currency-text, inherit); }
.wse-currency__label { font-weight: 500; }
.wse-currency__select { box-sizing: border-box; min-height: 44px; margin: 0; padding: 6px 32px 6px 12px; border: 1px solid var(--wse-currency-border, var(--wootilities-border, #d4d4d4)); border-radius: var(--wootilities-button-radius, 4px); background-color: var(--wse-currency-background, var(--wootilities-background, #fff)); color: var(--wse-currency-text, var(--wootilities-foreground, inherit)); font: inherit; cursor: pointer; }
.wse-currency__select:focus-visible { outline: 2px solid var(--wootilities-ring, currentColor); outline-offset: 1px; }
.wse-currency__select:disabled { cursor: progress; opacity: .7; }

@media (prefers-reduced-motion: no-preference) { dialog.wse-dialog.is-drawer[open] { animation: wse-slide .2s ease-out; } dialog.wse-dialog.is-drawer.is-side-left[open] { animation-name: wse-slide-left; } }
@keyframes wse-slide { from { transform: translateX(24px); opacity: .6; } }
@keyframes wse-slide-left { from { transform: translateX(-24px); opacity: .6; } }
@media (forced-colors: active) { .wse-minicart__count { border: 1px solid CanvasText; } dialog.wse-dialog { border: 1px solid CanvasText; } }

/* Price prefix and suffix in product lists; unset variables inherit the price style. */
.wse-price-prefix { color: var(--wse-price-prefix-color); font-size: var(--wse-price-prefix-size); font-weight: var(--wse-price-prefix-weight); }
.wse-price-suffix { color: var(--wse-price-suffix-color); font-size: var(--wse-price-suffix-size); font-weight: var(--wse-price-suffix-weight); }
