/**
 * Vitrine empresa — polish aditivo (touch, press, foco, tokens).
 * Carregar depois de sobre / mylisting / premium. Não altera layout estrutural.
 */

/* Accent da shell MyListing alinhado ao sistema (DB via styles-layout) */
#c27-site-wrapper.sc-empresa-ml {
  --sc-ml-accent: var(--accent, #00a2ed);
  --sc-ml-accent-2: var(--header-dark, #162e3d);
  --sc-ml-page: var(--bg-page, #ecf0ff);
}

/* —— Touch + press + focus: produtos / abas / CTAs —— */
.wa-products-view-toggle__btn {
  width: var(--touch-min, 44px) !important;
  height: var(--touch-min, 44px) !important;
  border-radius: var(--radius-sm, 6px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    color var(--transition-fast, 140ms) ease,
    background var(--transition-fast, 140ms) ease,
    box-shadow var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)),
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

.wa-products-view-toggle__btn:active,
.wa-products-view-toggle__btn.is-pressed {
  transform: scale(0.97);
}

.wa-products-view-toggle__btn:focus-visible {
  outline: 2px solid var(--accent, #00a2ed) !important;
  outline-offset: 2px;
}

.wa-listing-tabs__toggle {
  min-height: var(--touch-min, 44px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    color var(--transition-fast, 140ms) ease,
    border-color var(--transition-fast, 140ms) ease,
    background-color var(--transition-fast, 140ms) ease,
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1));
}

.wa-listing-tabs__toggle:active,
.wa-listing-tabs__toggle.is-pressed {
  transform: scale(0.97);
}

.wa-ig-card,
.wa-perfil-action-primary,
.wa-perfil-action-wa__primary,
a.wa-ig-card--hero-cta {
  min-height: var(--touch-min, 44px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)),
    filter var(--transition-fast, 140ms) ease,
    background-color var(--transition-fast, 140ms) ease,
    border-color var(--transition-fast, 140ms) ease,
    opacity var(--transition-fast, 140ms) ease;
}

.wa-ig-card:active,
.wa-ig-card.is-pressed,
.wa-perfil-action-primary:active,
.wa-perfil-action-primary.is-pressed,
.wa-perfil-action-wa__primary:active,
.wa-perfil-action-wa__primary.is-pressed,
a.wa-ig-card--hero-cta:active,
a.wa-ig-card--hero-cta.is-pressed {
  transform: scale(0.97);
}

.wa-ig-card:focus-visible,
.wa-perfil-action-primary:focus-visible,
.wa-perfil-action-wa__primary:focus-visible,
a.wa-ig-card--hero-cta:focus-visible {
  outline: 2px solid var(--accent, #00a2ed);
  outline-offset: 2px;
}

/* —— Modais info / PIX / Wi‑Fi / agendamento / fidelidade —— */
.wa-info-modal__close {
  min-width: var(--touch-min, 44px) !important;
  min-height: var(--touch-min, 44px) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    background var(--transition-fast, 140ms) ease,
    color var(--transition-fast, 140ms) ease,
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1));
}

.wa-info-modal__close:active,
.wa-info-modal__close.is-pressed {
  transform: scale(0.97);
}

.wa-info-modal__close:focus-visible {
  outline: 2px solid var(--accent, #00a2ed);
  outline-offset: 2px;
}

.wa-info-modal__tab,
.wa-info-modal__pill,
.wa-pix-modal__btn {
  min-height: var(--touch-min, 44px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    background var(--transition-fast, 140ms) ease,
    color var(--transition-fast, 140ms) ease,
    border-color var(--transition-fast, 140ms) ease,
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1));
}

.wa-info-modal__tab:active,
.wa-info-modal__tab.is-pressed,
.wa-info-modal__pill:active,
.wa-info-modal__pill.is-pressed,
.wa-pix-modal__btn:active,
.wa-pix-modal__btn.is-pressed {
  transform: scale(0.97);
}

.wa-info-modal__tab:focus-visible,
.wa-info-modal__pill:focus-visible,
.wa-pix-modal__btn:focus-visible {
  outline: 2px solid var(--accent, #00a2ed);
  outline-offset: 2px;
}

.wa-pix-modal__inp:focus-visible,
.wa-info-modal input:focus-visible,
.wa-info-modal textarea:focus-visible,
.wa-info-modal select:focus-visible {
  outline: none;
  border-color: var(--accent, #00a2ed);
  box-shadow: var(--focus-ring, 0 0 0 3px rgba(0, 162, 237, 0.35));
}

.wa-perfil-redes__btn {
  min-width: var(--touch-min, 44px);
  min-height: var(--touch-min, 44px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.wa-perfil-redes__btn:active,
.wa-perfil-redes__btn.is-pressed {
  transform: scale(0.97);
}

.wa-perfil-redes__btn:focus-visible {
  outline: 2px solid var(--accent, #00a2ed);
  outline-offset: 2px;
}

/* Cards de produto — press discreto no link */
.wa-product-card__link {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    transform var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1)),
    box-shadow var(--transition-base, 220ms) var(--ease-fluid, cubic-bezier(0.22, 1, 0.36, 1));
}

.wa-product-card__link:focus-visible {
  outline: 2px solid var(--accent, #00a2ed);
  outline-offset: 2px;
  border-radius: var(--radius-md, 12px);
}

.wa-product-card__link:active,
.wa-product-card__link.is-pressed {
  transform: scale(0.985);
}

/* Sede Play / vídeo — controles (mini dismiss fica compacto no player) */
.wa-sp-modal [data-wa-sp-close],
.wa-sp-modal__close {
  min-width: var(--touch-min, 44px);
  min-height: var(--touch-min, 44px);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.wa-vi-mini__dismiss {
  min-width: 0;
  min-height: 0;
  -webkit-tap-highlight-color: transparent;
}

.wa-sp-modal [data-wa-sp-close]:focus-visible,
.wa-sp-modal__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.wa-sp-modal [data-wa-sp-close]:active,
.wa-sp-modal__close:active,
.wa-sp-modal [data-wa-sp-close].is-pressed,
.wa-sp-modal__close.is-pressed {
  transform: scale(0.97);
}

.wa-vi-mini__dismiss:active,
.wa-vi-mini__dismiss.is-pressed {
  transform: scale(0.94);
}

/* Share sheet — handle + motion (empresa) */
.sc-ml-share-modal__handle {
  display: none;
  width: 40px;
  height: 4px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: #cbd5e1;
  flex-shrink: 0;
}

.sc-ml-share-modal__dialog {
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.sc-ml-share-modal.is-open .sc-ml-share-modal__dialog {
  transform: translateY(0);
}

@media (max-width: 639px) {
  .sc-ml-share-modal {
    padding: 0;
    align-items: flex-end;
  }

  .sc-ml-share-modal__dialog {
    max-width: none;
    border-radius: 18px 18px 0 0;
  }

  .sc-ml-share-modal__handle {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-ml-share-modal__dialog {
    transition: opacity 0.2s ease !important;
    transform: none !important;
  }

  .wa-products-view-toggle__btn,
  .wa-listing-tabs__toggle,
  .wa-ig-card,
  .wa-perfil-action-primary,
  .wa-perfil-action-wa__primary,
  a.wa-ig-card--hero-cta,
  .wa-info-modal__close,
  .wa-info-modal__tab,
  .wa-info-modal__pill,
  .wa-pix-modal__btn,
  .wa-perfil-redes__btn,
  .wa-product-card__link,
  .wa-sp-modal [data-wa-sp-close],
  .wa-sp-modal__close,
  .wa-vi-mini__dismiss {
    transition-duration: 0.01ms !important;
  }

  .wa-products-view-toggle__btn:active,
  .wa-products-view-toggle__btn.is-pressed,
  .wa-listing-tabs__toggle:active,
  .wa-listing-tabs__toggle.is-pressed,
  .wa-ig-card:active,
  .wa-ig-card.is-pressed,
  .wa-perfil-action-primary:active,
  .wa-perfil-action-primary.is-pressed,
  .wa-info-modal__close:active,
  .wa-info-modal__close.is-pressed,
  .wa-pix-modal__btn:active,
  .wa-pix-modal__btn.is-pressed,
  .wa-product-card__link:active,
  .wa-product-card__link.is-pressed {
    transform: none;
  }
}