/* Arena Teney — Shop S1.8 cross-screen consistency 0222s18r01
 * Presentation-only additive layer aligned with accepted Character/Bag item-sheet controls.
 * Owns only focus, disabled-state and touch-affordance consistency inside Shop.
 */

@media (max-width: 960px) {
  html.shop-s1-rework body[data-screen="shop"] #screen-shop {
    --shop-s18-focus-ring: rgba(228, 189, 92, .86);
    --shop-s18-focus-halo: rgba(228, 189, 92, .16);
    --shop-s18-disabled-opacity: .55;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .s03-mobile-action,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-department,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item],
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar input,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar select,
  .s03f3-modal-root.is-open .s03f3-modal-close,
  .s03f3-modal-root.is-open .s03f3-modal-content .action,
  .s03f3-modal-root.is-open .s03f3-modal-content [data-s15-scenario] {
    -webkit-tap-highlight-color: rgba(228, 189, 92, .08);
    touch-action: manipulation;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .s03-mobile-action:focus-visible,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-department:focus-visible,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item]:focus-visible,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar input:focus-visible,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar select:focus-visible,
  .s03f3-modal-root.is-open .s03f3-modal-close:focus-visible,
  .s03f3-modal-root.is-open .s03f3-modal-content .action:focus-visible,
  .s03f3-modal-root.is-open .s03f3-modal-content [data-s15-scenario]:focus-visible {
    outline: 2px solid var(--shop-s18-focus-ring, rgba(228, 189, 92, .86));
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--shop-s18-focus-halo, rgba(228, 189, 92, .16));
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar input,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-toolbar select {
    caret-color: #e4bd5c;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop :is(button, input, select)[disabled],
  html.shop-s1-rework body[data-screen="shop"] #screen-shop [aria-disabled="true"],
  .s03f3-modal-root.is-open .s03f3-modal-content .action:disabled,
  .s03f3-modal-root.is-open .s03f3-modal-content [data-s15-scenario][aria-disabled="true"] {
    opacity: var(--shop-s18-disabled-opacity, .55);
    cursor: default;
  }
}