/* Ajuste visual solicitado em 2026-08-16.
   Mantém o checkout claro, mas separa superfícies com tons quentes de Material 3.
   O FAB do carrinho usa uma superfície tonal clara, circular e sem sombra. */

#pm-cart-root {
  --pm-review-surface: #fffdfa;
  --pm-review-container: #f8f5f1;
  --pm-review-container-high: #efe8e2;
  --pm-review-container-highest: #e5dbd3;
  --pm-review-input: #fffdfb;
  --pm-review-choice: #f1e6dd;
  --pm-review-choice-hover: #e9d9cd;
  --pm-review-outline: #b8ada5;
  --pm-review-text-secondary: #625a54;
}

/*
 * Revisão do pedido
 * Os blocos continuam separados do fundo branco, porém ficam mais leves
 * e menos acinzentados/bege do que antes.
 */
.pm-cart-drawer:has(#pm-cart-view-review:not([hidden])),
.pm-cart-drawer:has(#pm-cart-view-review:not([hidden])) .pm-cart-header,
.pm-cart-review {
  background: var(--pm-review-surface);
}

.pm-cart-review .pm-cart-review-card {
  background: var(--pm-review-container);
  box-shadow: 0 1px 2px rgba(55, 41, 31, 0.035);
}

.pm-cart-review .pm-cart-review-item,
.pm-cart-review .pm-cart-review-item:first-child,
.pm-cart-review .pm-cart-review-item:last-child {
  background: #fffefa;
  box-shadow: 0 1px 2px rgba(55, 41, 31, 0.025);
}

.pm-cart-review .pm-cart-review-card-head > span,
.pm-cart-review .pm-cart-form-group-title > span {
  background: var(--pm-review-container-high);
}

.pm-cart-review .pm-cart-delivery-fields,
.pm-cart-review .pm-cart-customer-courier-note {
  background: #fbf8f5;
}

.pm-cart-review .pm-cart-field input,
.pm-cart-review .pm-cart-field textarea,
.pm-cart-review .pm-cart-delivery-note {
  background: var(--pm-review-input);
}

.pm-cart-review .pm-cart-field input:focus,
.pm-cart-review .pm-cart-field textarea:focus {
  background: #ffffff;
}

/*
 * Acesso flutuante ao carrinho
 * Material 3 filled tonal FAB: círculo, sem contorno e sem elevação.
 * A separação do fundo branco vem do contraste da superfície tonal quente.
 */
#pm-cart-root .pm-cart-button {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  border: 0;
  border-radius: 50%;
  background: #ead8cb;
  color: #663610;
  box-shadow: none;
}

#pm-cart-root .pm-cart-button:hover {
  background: #dfc7b6;
  border-color: transparent;
  box-shadow: none;
}

#pm-cart-root .pm-cart-button:active {
  background: #d7bca8;
  box-shadow: none;
}

#pm-cart-root .pm-cart-button:focus-visible {
  outline: 3px solid rgba(141, 70, 19, 0.34);
  outline-offset: 3px;
  box-shadow: none;
}

#pm-cart-root .pm-cart-button svg {
  width: 33px;
  height: 33px;
  stroke-width: 1.9;
}

#pm-cart-root .pm-cart-count {
  top: -3px;
  right: -3px;
  border-color: #ead8cb;
  background: #8d4613;
  color: #ffffff;
  box-shadow: none;
}

@media (max-width: 420px) {
  #pm-cart-root .pm-cart-button {
    right: 20px;
    width: 68px;
    height: 68px;
    min-width: 68px;
    min-height: 68px;
    border-radius: 50%;
  }

  #pm-cart-root .pm-cart-button svg {
    width: 32px;
    height: 32px;
  }
}

/* Firefox Android com scroller estável: bottom nav de 68px + 20px de respiro. */
@media (max-width: 1099px) {
  html.firefox-android-stable-scroll #pm-cart-root .pm-cart-button {
    bottom: 88px;
  }
}