/* Mobile light-mode button safety pass.
   Keeps iOS/WebKit from turning action buttons into black blocks with hidden text. */
html[data-theme="light"],
html[data-theme="light-accent"],
body[data-theme="light"],
body[data-theme="light-accent"] {
  --mobile-safe-action: #ff4d2e;
  --mobile-safe-text: #050505;
  --mobile-safe-surface: #ffffff;
  --mobile-safe-border: rgba(5, 5, 5, 0.12);
}

html[data-theme="light"] body :where(button, input, textarea, select),
html[data-theme="light-accent"] body :where(button, input, textarea, select),
body[data-theme="light"] :where(button, input, textarea, select),
body[data-theme="light-accent"] :where(button, input, textarea, select) {
  color-scheme: light !important;
}

html[data-theme="light"] body :where(.settingsModal, #mobile-email-settings-modal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], [id^="mobile-"][id$="-backdrop"], #compose-modal, #create-modal, #market-drawer, .mobile-blocspace-shell) button:not(.mobile-season-card),
html[data-theme="light-accent"] body :where(.settingsModal, #mobile-email-settings-modal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], [id^="mobile-"][id$="-backdrop"], #compose-modal, #create-modal, #market-drawer, .mobile-blocspace-shell) button:not(.mobile-season-card),
body[data-theme="light"] :where(.settingsModal, #mobile-email-settings-modal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], [id^="mobile-"][id$="-backdrop"], #compose-modal, #create-modal, #market-drawer, .mobile-blocspace-shell) button:not(.mobile-season-card),
body[data-theme="light-accent"] :where(.settingsModal, #mobile-email-settings-modal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], [id^="mobile-"][id$="-backdrop"], #compose-modal, #create-modal, #market-drawer, .mobile-blocspace-shell) button:not(.mobile-season-card) {
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* .mobile-season-card is exempt: it is a photo tile, not a surface button, so
   its label must stay white over artwork rather than be forced to safe-text. */
html[data-theme="light"] body :where(.settingsModal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], #compose-modal, #create-modal, #market-drawer) button:not(.modal-submit-btn):not(.compose-primary):not(.appSecuritySave):not(.tabVisibilitySave):not(.domainBuy):not(.mobile-market-module__primary):not(.pass-save-template):not(.pass-pos-connect-stripe):not(.mobile-season-card):not(#mobile-market-stripe-setup-action),
html[data-theme="light-accent"] body :where(.settingsModal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], #compose-modal, #create-modal, #market-drawer) button:not(.modal-submit-btn):not(.compose-primary):not(.appSecuritySave):not(.tabVisibilitySave):not(.domainBuy):not(.mobile-market-module__primary):not(.pass-save-template):not(.pass-pos-connect-stripe):not(.mobile-season-card):not(#mobile-market-stripe-setup-action),
body[data-theme="light"] :where(.settingsModal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], #compose-modal, #create-modal, #market-drawer) button:not(.modal-submit-btn):not(.compose-primary):not(.appSecuritySave):not(.tabVisibilitySave):not(.domainBuy):not(.mobile-market-module__primary):not(.pass-save-template):not(.pass-pos-connect-stripe):not(.mobile-season-card):not(#mobile-market-stripe-setup-action),
body[data-theme="light-accent"] :where(.settingsModal, [id^="mobile-"][id$="-modal"], [id^="mobile-"][id$="-sheet"], #compose-modal, #create-modal, #market-drawer) button:not(.modal-submit-btn):not(.compose-primary):not(.appSecuritySave):not(.tabVisibilitySave):not(.domainBuy):not(.mobile-market-module__primary):not(.pass-save-template):not(.pass-pos-connect-stripe):not(.mobile-season-card):not(#mobile-market-stripe-setup-action) {
  background: var(--mobile-safe-surface) !important;
  border-color: var(--mobile-safe-border) !important;
  color: var(--mobile-safe-text) !important;
  -webkit-text-fill-color: var(--mobile-safe-text) !important;
}

html[data-theme="light"] body :where(.modal-submit-btn, .compose-primary, .appSecuritySave, .tabVisibilitySave, .domainBuy, .mobile-market-module__primary, .pass-save-template, .pass-pos-connect-stripe),
html[data-theme="light-accent"] body :where(.modal-submit-btn, .compose-primary, .appSecuritySave, .tabVisibilitySave, .domainBuy, .mobile-market-module__primary, .pass-save-template, .pass-pos-connect-stripe),
body[data-theme="light"] :where(.modal-submit-btn, .compose-primary, .appSecuritySave, .tabVisibilitySave, .domainBuy, .mobile-market-module__primary, .pass-save-template, .pass-pos-connect-stripe),
body[data-theme="light-accent"] :where(.modal-submit-btn, .compose-primary, .appSecuritySave, .tabVisibilitySave, .domainBuy, .mobile-market-module__primary, .pass-save-template, .pass-pos-connect-stripe) {
  background: var(--mobile-safe-action) !important;
  border-color: var(--mobile-safe-action) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html[data-theme="light"] body :where(button:disabled, button[aria-disabled="true"]),
html[data-theme="light-accent"] body :where(button:disabled, button[aria-disabled="true"]),
body[data-theme="light"] :where(button:disabled, button[aria-disabled="true"]),
body[data-theme="light-accent"] :where(button:disabled, button[aria-disabled="true"]) {
  opacity: .74 !important;
}

html[data-theme="light"] body :where(button i, button span, button strong),
html[data-theme="light-accent"] body :where(button i, button span, button strong),
body[data-theme="light"] :where(button i, button span, button strong),
body[data-theme="light-accent"] :where(button i, button span, button strong) {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

/* Analytics/home stat tiles are data controls, not filled CTA buttons. */
html[data-theme="light"] body .mobile-blocspace-home-breakdown-row,
html[data-theme="light-accent"] body .mobile-blocspace-home-breakdown-row,
body[data-theme="light"] .mobile-blocspace-home-breakdown-row,
body[data-theme="light-accent"] .mobile-blocspace-home-breakdown-row {
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.10) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
}

html[data-theme="light"] body .mobile-blocspace-home-breakdown-row span,
html[data-theme="light-accent"] body .mobile-blocspace-home-breakdown-row span,
body[data-theme="light"] .mobile-blocspace-home-breakdown-row span,
body[data-theme="light-accent"] .mobile-blocspace-home-breakdown-row span {
  color: rgba(5, 5, 5, 0.76) !important;
  -webkit-text-fill-color: rgba(5, 5, 5, 0.76) !important;
}

html[data-theme="light"] body .mobile-blocspace-home-breakdown-row strong,
html[data-theme="light-accent"] body .mobile-blocspace-home-breakdown-row strong,
body[data-theme="light"] .mobile-blocspace-home-breakdown-row strong,
body[data-theme="light-accent"] .mobile-blocspace-home-breakdown-row strong {
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
}

/* Shop light-mode safety: no black-filled buttons or invisible placeholders. */
html[data-theme="light"] body :where(#moments-scroll-container.mobile-shop-storefront, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet),
html[data-theme="light-accent"] body :where(#moments-scroll-container.mobile-shop-storefront, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet),
body[data-theme="light"] :where(#moments-scroll-container.mobile-shop-storefront, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet),
body[data-theme="light-accent"] :where(#moments-scroll-container.mobile-shop-storefront, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) {
  --mobile-shop-text: #050505;
  --mobile-shop-muted: rgba(5, 5, 5, 0.64);
  --mobile-shop-subtle: rgba(5, 5, 5, 0.42);
  --mobile-shop-button-bg: #ffffff;
  --mobile-shop-button-disabled: rgba(5, 5, 5, 0.055);
  color-scheme: light !important;
}

html[data-theme="light"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn, .mobile-shop-product-footer button, .mobile-shop-question-submit, .mobile-shop-product-form-save, .mobile-shop-product-form-close, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action, .mobile-shop-reviews-cta),
html[data-theme="light-accent"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn, .mobile-shop-product-footer button, .mobile-shop-question-submit, .mobile-shop-product-form-save, .mobile-shop-product-form-close, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action, .mobile-shop-reviews-cta),
body[data-theme="light"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn, .mobile-shop-product-footer button, .mobile-shop-question-submit, .mobile-shop-product-form-save, .mobile-shop-product-form-close, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action, .mobile-shop-reviews-cta),
body[data-theme="light-accent"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn, .mobile-shop-product-footer button, .mobile-shop-question-submit, .mobile-shop-product-form-save, .mobile-shop-product-form-close, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action, .mobile-shop-reviews-cta) {
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.12) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html[data-theme="light"] body :where(#shop-empty-owner-action, #shop-empty-signup-submit, .mobile-shop-add-item-submit, .mobile-shop-add-item-primary-quick, .mobile-shop-detail-add, .mobile-shop-question-submit:not(:disabled), .mobile-shop-product-form-save, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action.is-primary, .mobile-shop-reviews-cta.is-primary),
html[data-theme="light-accent"] body :where(#shop-empty-owner-action, #shop-empty-signup-submit, .mobile-shop-add-item-submit, .mobile-shop-add-item-primary-quick, .mobile-shop-detail-add, .mobile-shop-question-submit:not(:disabled), .mobile-shop-product-form-save, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action.is-primary, .mobile-shop-reviews-cta.is-primary),
body[data-theme="light"] :where(#shop-empty-owner-action, #shop-empty-signup-submit, .mobile-shop-add-item-submit, .mobile-shop-add-item-primary-quick, .mobile-shop-detail-add, .mobile-shop-question-submit:not(:disabled), .mobile-shop-product-form-save, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action.is-primary, .mobile-shop-reviews-cta.is-primary),
body[data-theme="light-accent"] :where(#shop-empty-owner-action, #shop-empty-signup-submit, .mobile-shop-add-item-submit, .mobile-shop-add-item-primary-quick, .mobile-shop-detail-add, .mobile-shop-question-submit:not(:disabled), .mobile-shop-product-form-save, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action.is-primary, .mobile-shop-reviews-cta.is-primary) {
  background: var(--primary-color, var(--accent-color, #ff4d2e)) !important;
  border-color: var(--primary-color, var(--accent-color, #ff4d2e)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea, select),
html[data-theme="light-accent"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea, select),
body[data-theme="light"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea, select),
body[data-theme="light-accent"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea, select) {
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.14) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  caret-color: var(--primary-color, #ff4d2e) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea)::placeholder,
html[data-theme="light-accent"] body :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea)::placeholder,
body[data-theme="light"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea)::placeholder,
body[data-theme="light-accent"] :where(.mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-empty, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-reviews-modal, #mobile-shop-review-form-modal, #mobile-shop-question-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(input, textarea)::placeholder {
  color: rgba(5, 5, 5, 0.42) !important;
  -webkit-text-fill-color: rgba(5, 5, 5, 0.42) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body :where(.mobile-shop-product-placeholder, .mobile-shop-detail-placeholder, #shop-empty-visual, #shop-empty-mark),
html[data-theme="light-accent"] body :where(.mobile-shop-product-placeholder, .mobile-shop-detail-placeholder, #shop-empty-visual, #shop-empty-mark),
body[data-theme="light"] :where(.mobile-shop-product-placeholder, .mobile-shop-detail-placeholder, #shop-empty-visual, #shop-empty-mark),
body[data-theme="light-accent"] :where(.mobile-shop-product-placeholder, .mobile-shop-detail-placeholder, #shop-empty-visual, #shop-empty-mark) {
  color: rgba(5, 5, 5, 0.54) !important;
  -webkit-text-fill-color: rgba(5, 5, 5, 0.54) !important;
}


/* Explicit shop empty-state CTA guard: never render black-on-black in light modes. */
html[data-theme="light"] body :where(.shop-empty-action, #shop-empty-owner-action),
html[data-theme="light-accent"] body :where(.shop-empty-action, #shop-empty-owner-action),
body[data-theme="light"] :where(.shop-empty-action, #shop-empty-owner-action),
body[data-theme="light-accent"] :where(.shop-empty-action, #shop-empty-owner-action) {
  background: color-mix(in srgb, var(--primary-color, #57c7f5) 18%, #ffffff) !important;
  border-color: color-mix(in srgb, var(--primary-color, #57c7f5) 42%, transparent) !important;
  color: var(--primary-color, #168fc5) !important;
  -webkit-text-fill-color: var(--primary-color, #168fc5) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

html[data-theme="light"] body :where(.shop-empty-action, #shop-empty-owner-action) :where(i, span, strong),
html[data-theme="light-accent"] body :where(.shop-empty-action, #shop-empty-owner-action) :where(i, span, strong),
body[data-theme="light"] :where(.shop-empty-action, #shop-empty-owner-action) :where(i, span, strong),
body[data-theme="light-accent"] :where(.shop-empty-action, #shop-empty-owner-action) :where(i, span, strong) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}


/* Shop-only final guard, independent of theme flags, to avoid black first-paint buttons. */
:where(#shop-main-area, #shop-empty, #moments-scroll-container.mobile-shop-storefront, .mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn) {
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.14) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

:where(#shop-empty-owner-action, #shop-empty-signup-submit, .shop-empty-action, .mobile-shop-add-item-submit, .mobile-shop-add-item-primary-quick, .mobile-shop-detail-add, .mobile-shop-product-form-save, .mobile-shop-owner-products-primary-btn, .mobile-shop-reviews-action.is-primary, .mobile-shop-reviews-cta.is-primary) {
  background: color-mix(in srgb, var(--primary-color, #57c7f5) 18%, #ffffff) !important;
  border-color: color-mix(in srgb, var(--primary-color, #57c7f5) 46%, transparent) !important;
  color: var(--primary-color, #168fc5) !important;
  -webkit-text-fill-color: var(--primary-color, #168fc5) !important;
  box-shadow: 0 14px 30px rgba(87, 199, 245, 0.18) !important;
}

.mobile-shop-detail-modal .mobile-shop-detail-add:not(:disabled),
.mobile-shop-detail-modal .mobile-shop-detail-add:not(:disabled) * {
  background: #050505 !important;
  border-color: #050505 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

.mobile-shop-detail-modal .mobile-shop-detail-review-empty.is-compact .mobile-shop-detail-review-button {
  background: transparent !important;
  border-color: transparent !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  box-shadow: none !important;
}

#mobile-shop-question-modal .mobile-shop-question-submit:not(:disabled) {
  background: #e6533d !important;
  border-color: #e6533d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(230, 83, 61, 0.18) !important;
}

html body #mobile-shop-question-modal #mobile-shop-question-submit.mobile-shop-guest-ask-submit:not(:disabled) {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(17, 17, 17, 0.14) !important;
}

#mobile-shop-reviews-modal.is-guest .mobile-shop-reviews-cta.is-primary {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(17, 17, 17, 0.14) !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-form-back {
  border: 0 !important;
  background: transparent !important;
  color: var(--mobile-shop-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--mobile-shop-text, var(--text-primary)) !important;
  box-shadow: none !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-star-button {
  background: var(--mobile-shop-button-bg, var(--input-bg)) !important;
  border-color: var(--mobile-shop-border, var(--border-color)) !important;
  color: color-mix(in srgb, var(--mobile-shop-text, var(--text-primary)) 24%, transparent) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--mobile-shop-text, var(--text-primary)) 24%, transparent) !important;
  box-shadow: none !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-star-button.is-active {
  background: color-mix(in srgb, var(--mobile-shop-text, var(--text-primary)) 7%, var(--mobile-shop-bg, var(--background-color))) !important;
  border-color: color-mix(in srgb, var(--mobile-shop-text, var(--text-primary)) 34%, var(--mobile-shop-border, var(--border-color))) !important;
  color: var(--mobile-shop-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--mobile-shop-text, var(--text-primary)) !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-rating-label {
  background: var(--mobile-shop-button-bg, var(--input-bg)) !important;
  border-color: var(--mobile-shop-border, var(--border-color)) !important;
  color: var(--mobile-shop-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--mobile-shop-text, var(--text-primary)) !important;
  box-shadow: none !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-textarea,
html body #mobile-shop-review-form-modal .mobile-shop-review-textarea:focus,
html body #mobile-shop-review-form-modal .mobile-shop-review-field,
html body #mobile-shop-review-form-modal .mobile-shop-review-field:focus {
  background: var(--mobile-shop-card-bg, var(--input-bg)) !important;
  color: var(--mobile-shop-text, var(--text-primary)) !important;
  -webkit-text-fill-color: var(--mobile-shop-text, var(--text-primary)) !important;
  caret-color: var(--mobile-shop-text, var(--text-primary)) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
}

html body #mobile-shop-review-form-modal .mobile-shop-review-textarea:empty::before {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  opacity: 0.76 !important;
}

:where(#shop-main-area, #shop-empty, #moments-scroll-container.mobile-shop-storefront, .mobile-shop-store, .mobile-shop-detail-modal, .mobile-shop-product-form, #addItemModal, #shop-item-action-sheet, #mobile-shop-owner-products-modal, #mobile-shop-guest-products-modal, .mobile-shop-dashboard-modal, .mobile-shop-owner-orders-modal, .mobile-shop-order-detail-sheet) :where(button, .mobile-shop-action-btn, .mobile-shop-icon-btn) :where(i, span, strong) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body #mobile-shop-reviews-modal.is-owner,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-content {
  background: #ffffff !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
}

html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-score,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-metrics,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-pipeline,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-panel {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-request-btn,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-request-btn:link,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-request-btn:visited,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-request-btn:hover,
html body #mobile-shop-reviews-modal.is-owner .mobile-shop-reviews-owner-request-btn:active {
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.18) !important;
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}