/* ==========================================================================
   MIGUEL ARRUDA - PÁGINAS PÓS-CHECKOUT & ORDER-PAY
   Harmonizado com o Design System Oficial "O Nome Que Nos Deram"
   ========================================================================== */

:root {
  --color-wine: #581723;
  --color-wine-dark: #3D0E16;
  --color-wine-light: #772635;
  --color-terracotta: #B65639;
  --color-terracotta-dark: #964027;
  --color-terracotta-bright: #C05E46;
  --color-sand: #EACCAF;
  --color-sand-light: #F7EFE6;
  --color-linen: #EAE1D8;
  --color-bg-light: #FAF7F4;
  --color-heading: #260C13;
  --color-body-text: #334155;
  --color-text-muted: #475569;
  --color-card-bg: #FFFFFF;
  --color-border: #E8DDD5;
  --color-success: #10B981;
  --font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   RESET & LAYOUT BASE DAS PÁGINAS DE CHECKOUT / ORDER-PAY / THANKYOU
   ========================================================================== */
body.woocommerce-order-pay,
body.woocommerce-order-received,
body.woocommerce-checkout {
  background-color: var(--color-bg-light) !important;
  color: var(--color-body-text) !important;
  font-family: var(--font-primary) !important;
}

/* Ocultar cabeçalhos, menus e rodapés do tema raiz */
body.woocommerce-order-received .page-header,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-pay .page-header,
body.woocommerce-order-pay h1.entry-title,
.page-header h1.entry-title,
.site-main > .page-header,
.entry-header,
body.woocommerce-order-received .site-header,
body.woocommerce-order-received #site-header,
body.woocommerce-order-received header.site-header,
body.woocommerce-order-received .site-footer,
body.woocommerce-order-received #site-footer,
body.woocommerce-order-received footer.site-footer,
body.woocommerce-order-received #footer,
body.woocommerce-order-received [data-elementor-type="header"],
body.woocommerce-order-received [data-elementor-type="footer"],
body.woocommerce-order-received .elementor-location-header,
body.woocommerce-order-received .elementor-location-footer,
body.woocommerce-order-pay .site-header,
body.woocommerce-order-pay #site-header,
body.woocommerce-order-pay header.site-header,
body.woocommerce-order-pay .site-footer,
body.woocommerce-order-pay #site-footer,
body.woocommerce-order-pay footer.site-footer,
body.woocommerce-order-pay #footer,
body.woocommerce-order-pay [data-elementor-type="header"],
body.woocommerce-order-pay [data-elementor-type="footer"],
body.woocommerce-order-pay .elementor-location-header,
body.woocommerce-order-pay .elementor-location-footer,
body.woocommerce-checkout .site-header:not(.page-o-nome-header),
body.woocommerce-checkout #site-header,
body.woocommerce-checkout .site-footer:not(.page-o-nome-footer),
body.woocommerce-checkout #site-footer,
body.woocommerce-checkout footer.site-footer,
body.woocommerce-checkout #footer,
body.woocommerce-checkout [data-elementor-type="header"],
body.woocommerce-checkout [data-elementor-type="footer"],
body.woocommerce-checkout .elementor-location-header,
body.woocommerce-checkout .elementor-location-footer {
  display: none !important;
}

/* Container Wrapper */
.order-pay-page-wrapper,
.order-thankyou-page-wrapper {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 16px;
  background-color: var(--color-bg-light);
  box-sizing: border-box;
}

.order-pay-container,
.order-thankyou-container {
  width: 100% !important;
  max-width: 100% !important;
  background: #FFFFFF !important;
  border-radius: 20px !important;
  border: 1.5px solid var(--color-border) !important;
  box-shadow: 0 10px 35px rgba(88, 23, 35, 0.06) !important;
  padding: 36px 32px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   HEADER DE MARCA & STATUS
   ========================================================================== */
.order-pay-header,
.order-thankyou-brand {
  text-align: center;
  margin-bottom: 24px;
}

.order-brand-link {
  font-family: var(--font-primary);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 3px;
  color: var(--color-wine) !important;
  text-decoration: none !important;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 12px;
  transition: color 0.2s ease;
}

.order-brand-link:hover {
  color: var(--color-terracotta) !important;
}

.order-pay-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(182, 86, 57, 0.12);
  color: var(--color-terracotta);
  padding: 4px 14px;
  border-radius: 50px;
  font-size: 0.84rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.order-pay-title,
.thankyou-main-title {
  font-family: var(--font-primary);
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--color-heading);
  margin: 0 0 10px;
  line-height: 1.25;
  text-align: center;
}

.order-pay-subtitle,
.thankyou-lead-text {
  font-size: 0.98rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  margin: 0 0 24px;
  text-align: center;
}

/* ==========================================================================
   RESUMO DO PEDIDO NO ORDER-PAY (TOTALMENTE SEM BORDAS, ESTILO RECEIPT LIMPO)
   ========================================================================== */
.order-pay-summary-card {
  background: var(--color-bg-light) !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
  margin-bottom: 28px !important;
}

.summary-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.summary-card-title {
  font-family: var(--font-primary);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-wine);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.order-date-badge {
  font-size: 0.82rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

.order-pay-items-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 0 8px 0 !important;
}

.order-pay-items-table thead,
.order-pay-items-table tbody,
.order-pay-items-table tfoot {
  border: none !important;
}

.order-pay-items-table thead th {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--color-wine) !important;
  padding: 4px 0 10px 0 !important;
  border: none !important;
  border-bottom: none !important;
}

.order-pay-items-table tbody tr {
  border: none !important;
  background: transparent !important;
}

.order-pay-items-table tbody td {
  padding: 8px 0 !important;
  border: none !important;
  border-bottom: none !important;
  color: var(--color-body-text) !important;
  font-size: 0.95rem !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.order-pay-items-table .qty-pill {
  background: #FFFFFF;
  border: 1px solid var(--color-border);
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-wine);
}

.order-pay-items-table tfoot tr {
  border: none !important;
  background: transparent !important;
}

.order-pay-items-table tfoot th,
.order-pay-items-table tfoot td {
  padding: 6px 0 !important;
  font-size: 0.95rem !important;
  color: var(--color-body-text) !important;
  border: none !important;
  background: transparent !important;
}

.order-pay-items-table tfoot tr.order-pay-total-highlight {
  border-top: 1px solid rgba(232, 221, 213, 0.8) !important;
}

.order-pay-items-table tfoot tr.order-pay-total-highlight th,
.order-pay-items-table tfoot tr.order-pay-total-highlight td {
  border: none !important;
  padding-top: 14px !important;
  padding-bottom: 4px !important;
}

.order-pay-items-table tfoot tr.order-pay-total-highlight th {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--color-wine) !important;
}

.order-pay-items-table tfoot tr.order-pay-total-highlight td {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--color-terracotta) !important;
  text-align: right !important;
}

.order-pay-dedication-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  border: 1px dashed var(--color-terracotta);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 0.92rem;
  color: var(--color-wine);
  margin-top: 14px;
}

.order-pay-dedication-box i {
  color: var(--color-terracotta);
  font-size: 1rem;
}

/* ==========================================================================
   LINKS E NOMES DE PRODUTO FORMATADOS (COM !IMPORTANT)
   ========================================================================== */
.woocommerce-table__product-name.product-name a,
.woocommerce-table--order-details a,
.woocommerce-order-details a,
.order-pay-items-table a {
  color: var(--color-wine) !important;
  font-family: var(--font-primary) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 1rem !important;
}

.woocommerce-table__product-name.product-name a:hover,
.woocommerce-table--order-details a:hover,
.order-pay-items-table a:hover {
  color: var(--color-terracotta) !important;
}

.woocommerce-table__product-name strong.product-quantity,
.order-pay-items-table strong.product-quantity {
  color: var(--color-text-muted) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  margin-left: 4px !important;
}

/* Ocultar linha de ações "Ações: Pagar / Cancelar" na página de pedido recebido */
tr:has(.order-actions--heading),
tr:has(.order-actions-button),
.order-actions--heading,
.order-actions-button {
  display: none !important;
}

/* ==========================================================================
   MÉTODOS DE PAGAMENTO (SELEÇÃO EM CARDS MODERNOS - IDÊNTICO AO CHECKOUT)
   ========================================================================== */
.order-pay-payment-box,
#payment.order-pay-payment-box {
  background: var(--color-bg-light) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 18px !important;
  padding: 24px 26px !important;
  margin-top: 24px !important;
  box-sizing: border-box !important;
}

.payment-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.payment-section-title,
.payment-box-title {
  font-family: var(--font-primary);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-wine);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.secure-badge {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-success);
  display: flex;
  align-items: center;
  gap: 5px;
}

#payment.order-pay-payment-box ul.payment_methods,
.order-pay-page-wrapper ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

#payment.order-pay-payment-box ul.payment_methods li.wc_payment_method,
.order-pay-page-wrapper ul.payment_methods li.wc_payment_method {
  border: 1.5px solid var(--color-border) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
}

#payment.order-pay-payment-box ul.payment_methods li.wc_payment_method:hover,
.order-pay-page-wrapper ul.payment_methods li.wc_payment_method:hover {
  border-color: var(--color-terracotta) !important;
}

#payment.order-pay-payment-box ul.payment_methods li.wc_payment_method > label,
.order-pay-page-wrapper ul.payment_methods li.wc_payment_method > label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  color: var(--color-heading) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 10px !important;
  user-select: none !important;
}

.payment-method-title-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1 !important;
}

.payment-method-title-wrap input[type="radio"],
.wc_payment_methods li.wc_payment_method input[type="radio"],
input[type="radio"].input-radio {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  width: 18px !important;
  height: 18px !important;
  accent-color: var(--color-terracotta) !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

#payment ul.payment_methods li.wc_payment_method > label img,
.wc_payment_methods li.wc_payment_method > label img {
  max-height: 26px !important;
  max-width: 80px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin-left: auto !important;
  display: inline-block !important;
}

#payment.order-pay-payment-box ul.payment_methods li.wc_payment_method .payment_box,
.order-pay-page-wrapper ul.payment_methods li.wc_payment_method .payment_box {
  background: #FAF7F4 !important;
  border-top: 1px solid var(--color-border) !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  font-size: 0.92rem !important;
  color: var(--color-text-muted) !important;
  line-height: 1.5 !important;
}

#payment ul.payment_methods li.wc_payment_method .payment_box::before,
.wc_payment_methods li.wc_payment_method .payment_box::before {
  display: none !important;
}

/* Inputs de Cartão / Campos Internos */
.payment_box p.form-row label,
.payment_box label,
.wc-credit-card-form label {
  display: block !important;
  text-align: left !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 6px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
  cursor: default !important;
}

.wc_payment_method .payment_box input[type="text"],
.wc_payment_method .payment_box input[type="tel"],
.wc_payment_method .payment_box input.input-text,
.wc_payment_method .payment_box select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: 10px !important;
  font-size: 0.95rem !important;
  font-family: var(--font-primary) !important;
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
  transition: border-color 0.2s !important;
}

.wc_payment_method .payment_box input:focus,
.wc_payment_method .payment_box select:focus {
  border-color: var(--color-terracotta) !important;
  outline: none !important;
}

/* Ocultar tokens salvos e checkbox "salvar na conta" do PagBank */
.woocommerce-SavedPaymentMethods,
ul.wc-saved-payment-methods,
.woocommerce-SavedPaymentMethods-saveNew {
  display: none !important;
}

/* ==========================================================================
   BOTÃO DE PAGAMENTO (CTA PRINCIPAL)
   ========================================================================== */
.order-pay-button,
#place_order.order-pay-button,
.order-pay-page-wrapper #place_order {
  width: 100% !important;
  background: linear-gradient(135deg, var(--color-terracotta) 0%, var(--color-terracotta-bright) 100%) !important;
  color: #FFFFFF !important;
  font-family: var(--font-primary) !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  padding: 16px 28px !important;
  border: none !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(182, 86, 57, 0.3) !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.order-pay-button:hover,
#place_order.order-pay-button:hover {
  background: linear-gradient(135deg, var(--color-terracotta-dark) 0%, var(--color-terracotta) 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(182, 86, 57, 0.4) !important;
}

/* Selos de Confiança */
.order-pay-trust-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--color-border);
  font-size: 0.84rem;
  color: var(--color-text-muted);
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.trust-item i {
  color: var(--color-terracotta);
}

/* ==========================================================================
   PÁGINA THANK YOU (PEDIDO RECEBIDO)
   ========================================================================== */
.thankyou-hero {
  text-align: center;
  margin-bottom: 24px;
}

.thankyou-status-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 0 auto 16px;
}

.thankyou-status-icon.success {
  background: var(--color-success);
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3);
}

.thankyou-status-icon.pix-pending {
  background: var(--color-terracotta, #B65639);
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(182, 86, 57, 0.3);
}

.thankyou-status-icon.boleto-pending {
  background: #3B82F6;
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

.thankyou-status-icon.failed {
  background: #EF4444;
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(239, 68, 68, 0.3);
}

/* Resumo Rápido em Grid */
.thankyou-quick-meta-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 24px;
  text-align: left;
}

.thankyou-quick-meta-box .meta-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.thankyou-quick-meta-box .meta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-muted);
  font-weight: 600;
}

.thankyou-quick-meta-box .meta-value {
  font-size: 0.95rem;
  color: var(--color-heading);
}

.thankyou-quick-meta-box .highlight-number {
  color: var(--color-wine);
  font-weight: 700;
}

.thankyou-quick-meta-box .highlight-price {
  color: var(--color-terracotta);
  font-size: 1.1rem;
  font-weight: 800;
}

/* Card de Dedicatória com Edição Interativa */
.thankyou-dedication-card {
  background: #FFFFFF !important;
  border: 1.5px dashed var(--color-terracotta) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-bottom: 24px !important;
  text-align: left !important;
}

.dedication-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.dedication-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--color-wine) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

.dedication-title-wrap i {
  color: var(--color-terracotta) !important;
}

.btn-toggle-dedication-edit {
  background: rgba(182, 86, 57, 0.08) !important;
  color: var(--color-terracotta) !important;
  border: 1px solid var(--color-terracotta) !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  font-family: var(--font-primary) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: all 0.2s !important;
}

.btn-toggle-dedication-edit:hover {
  background: var(--color-terracotta) !important;
  color: #FFFFFF !important;
}

.dedication-display-text {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: var(--color-heading) !important;
}

.dedication-input-row {
  display: flex !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.dedication-inline-input {
  flex: 1 !important;
  border: 1.5px solid var(--color-terracotta) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-family: var(--font-primary) !important;
  font-size: 0.95rem !important;
  outline: none !important;
}

.btn-save-dedication {
  background: var(--color-terracotta) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  font-family: var(--font-primary) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.btn-save-dedication:hover {
  background: var(--color-wine) !important;
}

.btn-cancel-dedication {
  background: #E2E8F0 !important;
  color: #475569 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-weight: 600 !important;
  font-family: var(--font-primary) !important;
  cursor: pointer !important;
}

.dedication-help-text {
  display: block !important;
  font-size: 0.82rem !important;
  color: var(--color-text-muted) !important;
  margin-top: 6px !important;
}

.dedication-feedback-msg {
  margin-top: 10px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
}

.dedication-feedback-msg.success {
  background: #D1FAE5 !important;
  color: #065F46 !important;
}

.dedication-feedback-msg.error {
  background: #FEE2E2 !important;
  color: #991B1B !important;
}

/* ==========================================================================
   PAGBANK PIX - ESTILIZAÇÃO COMPLETA & QR CODE DESTACADO
   ========================================================================== */
.pagbank-pix {
  background: var(--color-bg-light) !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: 18px !important;
  padding: 30px 24px !important;
  margin: 20px 0 28px 0 !important;
  text-align: center !important;
  box-shadow: 0 4px 16px rgba(88, 23, 35, 0.04) !important;
}

.pagbank-pix h2 {
  font-family: var(--font-primary) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--color-wine) !important;
  margin: 0 0 16px 0 !important;
}

.pagbank-pix h3 {
  font-family: var(--font-primary) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--color-heading) !important;
  margin: 16px 0 10px 0 !important;
}

.pagbank-pix ol {
  text-align: left !important;
  max-width: 440px !important;
  margin: 0 auto 18px auto !important;
  padding-left: 22px !important;
  color: var(--color-body-text) !important;
  font-size: 0.94rem !important;
  line-height: 1.6 !important;
}

.pagbank-pix ol li {
  margin-bottom: 6px !important;
}

.pagbank-pix p {
  color: var(--color-text-muted) !important;
  font-size: 0.94rem !important;
  margin: 0 0 12px 0 !important;
}

/* QR Code Centralizado com Espaço Amplo para Fácil Leitura */
.pagbank-qrcode {
  background: #FFFFFF !important;
  border: 2px solid var(--color-border) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin: 24px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 250px !important;
  box-shadow: 0 10px 30px rgba(88, 23, 35, 0.08) !important;
  box-sizing: border-box !important;
}

.pagbank-qrcode img {
  max-width: 200px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.pagbank-pix hr {
  border: 0 !important;
  border-top: 1px solid var(--color-border) !important;
  margin: 24px auto !important;
  max-width: 90% !important;
}

/* Código Copia e Cola */
.pix-copy-and-paste .pagbank-copy-field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 520px !important;
  margin: 16px auto !important;
}

.pix-copy-and-paste .pagbank-copy-field input[type="text"] {
  flex: 1 !important;
  background: #FFFFFF !important;
  border: 1.5px solid var(--color-border) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 0.88rem !important;
  color: var(--color-text-muted) !important;
  font-family: monospace, sans-serif !important;
  outline: none !important;
}

.pix-copy-and-paste .pagbank-copy-field input[type="text"]:focus {
  border-color: var(--color-terracotta) !important;
}

.pix-copy-and-paste .pagbank-copy-field button {
  background: var(--color-terracotta) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-family: var(--font-primary) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.pix-copy-and-paste .pagbank-copy-field button:hover {
  background: var(--color-wine) !important;
}

/* ==========================================================================
   TABELAS PADRÃO WOOCOMMERCE NAS PÁGINAS DE PEDIDO
   ========================================================================== */
.woocommerce-order-details,
.woocommerce-customer-details {
  margin-top: 24px;
  text-align: left;
}

.woocommerce-order-details__title,
.woocommerce-customer-details h2 {
  font-family: var(--font-primary);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--color-wine);
  margin-bottom: 14px;
}

.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin-bottom: 20px !important;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 12px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--color-border) !important;
  font-size: 0.95rem !important;
}

.woocommerce-table--order-details thead th {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--color-wine) !important;
  text-transform: uppercase !important;
  border-bottom: 2px solid var(--color-border) !important;
}

.woocommerce-table--order-details tfoot th {
  color: var(--color-wine) !important;
  font-weight: 600 !important;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--color-terracotta) !important;
}

.woocommerce-customer-details address {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 16px 20px;
  font-style: normal;
  font-size: 0.94rem;
  line-height: 1.6;
  color: var(--color-body-text);
}

/* ==========================================================================
   RESPONSIVIDADE (MOBILE)
   ========================================================================== */
@media screen and (max-width: 600px) {
  .order-pay-container,
  .order-thankyou-container {
    padding: 24px 18px !important;
    border-radius: 16px !important;
  }

  .order-pay-payment-box,
  #payment.order-pay-payment-box {
    padding: 18px 16px !important;
    border-radius: 14px !important;
  }

  .order-pay-title,
  .thankyou-main-title {
    font-size: 1.35rem;
  }

  .thankyou-quick-meta-box {
    grid-template-columns: 1fr 1fr;
  }

  .order-pay-trust-footer {
    flex-direction: column;
    align-items: center;
  }

  .pix-copy-and-paste .pagbank-copy-field {
    flex-direction: column;
  }

  .pix-copy-and-paste .pagbank-copy-field button {
    width: 100%;
  }

  .btn-return-sales {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   BOTÃO DE RETORNO À PÁGINA DO LIVRO (THANK YOU PAGE)
   ========================================================================== */
.thankyou-bottom-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}

.btn-return-sales {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: var(--color-terracotta, #B65639);
  color: #FFFFFF !important;
  font-family: var(--font-primary, 'Outfit', sans-serif);
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 12px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(182, 86, 57, 0.25);
}

.btn-return-sales:hover {
  background-color: var(--color-wine, #722F37);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(114, 47, 55, 0.3);
  color: #FFFFFF !important;
}

.btn-return-sales i {
  font-size: 0.95rem;
  transition: transform 0.2s ease;
}

.btn-return-sales:hover i {
  transform: translateX(-4px);
}