/* portal/css/portal-theme.css
 *
 * Overrides de produto sobre a camada M3.
 * Carrega DEPOIS de core/css/design-tokens.css e core/css/components.css.
 *
 * Nao redefine bridge aliases (—bg, --surface, --primary etc.) —
 * esses vem do bloco 'Legacy Bridge' em design-tokens.css.
 *
 * Responsabilidades deste arquivo:
 *   - Brand mark tonal (primary-container) no portal
 *   - Remover bordas de mensagens (visual mais limpo)
 *   - Focus ring reforçado (outline + sombra) para acessibilidade
 *   - Extensoes de produto (ticket-price-free, portal-state-panel)
 *
 * NOTA: O body do portal usa a classe .pc-design-system-v2 (corrigido de v1).
 */

.pc-design-system-v2 {
  background: var(--pc-sys-color-background);
  color: var(--pc-sys-color-on-background);
}

.pc-design-system-v2 :focus-visible {
  outline: 2px solid var(--pc-state-focus-ring);
  outline-offset: 3px;
}

/* Brand mark: tonal no portal (container ao inves de filled) */
.pc-design-system-v2 .brand__mark {
  background: var(--pc-sys-color-primary-container);
  color: var(--pc-sys-color-on-primary-container);
}

/* Mensagens — base.css ja usa tokens corretos;
   aqui apenas removemos a borda para visual mais limpo no portal */
.pc-design-system-v2 .message.info,
.pc-design-system-v2 .portal-state-panel--info {
  border-color: transparent;
}

.pc-design-system-v2 .message.success,
.pc-design-system-v2 .portal-state-panel--success,
.pc-design-system-v2 .ticket-price-free {
  border-color: transparent;
}

.pc-design-system-v2 .message.warning,
.pc-design-system-v2 .portal-state-panel--warning {
  border-color: transparent;
}

.pc-design-system-v2 .message.error,
.pc-design-system-v2 .message.danger,
.pc-design-system-v2 .portal-state-panel--danger,
.pc-design-system-v2 .field-error {
  border-color: transparent;
}

/* field-error inline: sem fundo (apenas texto colorido) */
.pc-design-system-v2 .field-error {
  background: transparent;
}

/* Focus ring reforçado para elementos interativos (outline + sombra) */
.pc-design-system-v2 .btn:focus-visible,
.pc-design-system-v2 .button:focus-visible,
.pc-design-system-v2 .qty-btn:focus-visible,
.pc-design-system-v2 input:focus-visible,
.pc-design-system-v2 select:focus-visible,
.pc-design-system-v2 textarea:focus-visible {
  outline: 2px solid var(--pc-state-focus-ring);
  outline-offset: 3px;
  box-shadow: var(--pc-elevation-focus);
}