/* ============================================================
   Redesign Loja Shori — tokens + componentes base
   Fonte da verdade: design_handoff_loja_shori/README.md
   Correções do critique aplicadas: verde de TEXTO é #117A36
   (AA 5.4:1); #1BA84A só em dots/ícones/fundos. Cinza #9AA0A8
   nunca em texto <18px.
   ============================================================ */
:root {
  --shori-red: #E10012;
  --shori-red-hover: #B8000E;
  --shori-red-tint: #FDECEE;
  --shori-dark: #15181D;
  --shori-dark-hover: #2A2E36;
  --shori-dark-border: #3A3F48;
  --shori-dark-divider: #2A2E36;
  --shori-text: #15181D;
  --shori-text-2: #5B6068;
  --shori-text-dark: #B9BEC6;
  --shori-gray: #9AA0A8;        /* só decorativo/≥18px */
  --shori-bg: #F5F6F8;
  --shori-surface: #FFFFFF;
  --shori-border: #E6E8EC;
  --shori-border-hover: #C9CDD4;
  --shori-green: #1BA84A;       /* dots, ícones, fundos */
  --shori-green-text: #117A36;  /* texto/link verde (AA) */
  --shori-green-tint: #EAF7EF;
  --shori-amber-tint: #FFF4E5;  /* "Sob encomenda" */
  --shori-amber-text: #8A5A00;
  --shori-shadow-card: 0 10px 28px rgba(21, 24, 29, .10);
  --shori-shadow-hero: 0 24px 60px rgba(0, 0, 0, .45);
  --shori-radius-card: 16px;
  --shori-radius-btn: 8px;
}

/* Foco visível global (o protótipo usava outline:none — P1 do critique) */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(225, 0, 18, .35);
  border-radius: var(--shori-radius-btn, 8px);
}

/* Parcelamento junto ao preço */
.shori-parcelas {
  display: block;
  font-size: 12.5px;
  font-weight: 400;
  color: var(--shori-text-2);
  margin-top: 2px;
}
.single-product div.product .shori-parcelas {
  font-size: 14.5px;
  color: var(--shori-text);
}
.single-product div.product .shori-parcelas .woocommerce-Price-amount {
  font-weight: 700;
}

/* Preço Pix (PDP) */
.shori-pix {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--shori-green-text);
  margin: 4px 0 0;
}
.shori-pix span { font-weight: 400; }

/* Badge -N% */
.shori-badge.onsale {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--shori-red);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 5px 10px;
  border-radius: 999px;
  min-height: 0;
  min-width: 0;
  line-height: 1.2;
  z-index: 2;
}

/* Tabela de compatibilidade */
.shori-compat {
  width: 100%;
  border: 1px solid var(--shori-border);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 14px;
}
.shori-compat th {
  background: var(--shori-bg);
  padding: 10px 16px;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid var(--shori-border);
}
.shori-compat td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--shori-border);
}
.shori-compat tr:last-child td { border-bottom: none; }
.shori-compat td.anos { color: var(--shori-text-2); }