/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2026 | 21:00:15 */
/* ===========================
   WooCommerce: Recibo / Pedido recebido
   =========================== */

/* cor padrão do texto na página de recibo */
.woocommerce-order {
  color: #f5f5f5;
}

/* Títulos (24px) */
.woocommerce-order h1,
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order h4,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
}

/* Texto geral (18px) */
.woocommerce-order,
.woocommerce-order p,
.woocommerce-order li,
.woocommerce-order address,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview li,
.woocommerce-order .woocommerce-table,
.woocommerce-order .woocommerce-table th,
.woocommerce-order .woocommerce-table td,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-customer-details * {
  font-size: 18px !important;
  line-height: 1.55 !important;
  color: #e9e9e9 !important;
}

/* Destaque de labels (ex.: TOTAL, DATA, MÉTODO) */
.woocommerce-order .woocommerce-order-overview li strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Links com cor de destaque */
.woocommerce-order a,
.woocommerce-order a:visited {
  color: #f36620 !important; /* laranja destaque */
  text-decoration: none !important;
}

.woocommerce-order a:hover {
  color: #ff8a52 !important;
  text-decoration: underline !important;
}

/* Tabela de detalhes do pedido: melhora contraste */
.woocommerce-order .woocommerce-table {
  border-color: rgba(255,255,255,0.14) !important;
}

.woocommerce-order .woocommerce-table th {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.woocommerce-order .woocommerce-table td {
  color: #e9e9e9 !important;
}

/* Mensagem de sucesso (Obrigado. Seu pedido foi recebido.) */
.woocommerce-order .woocommerce-notice {
  font-size: 18px !important;
  color: #ffffff !important;
}

/* ===========================
   Ajuste do topo do recibo (overview)
   - corrige quebra da linha pontilhada
   - deixa valores em 20px (pedido/data/email/método/total)
   =========================== */

/* container do overview */
.woocommerce-order .woocommerce-order-overview {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* cada item (Número do pedido / Data / E-mail / Total / Método) */
.woocommerce-order .woocommerce-order-overview li {
  float: none !important; /* remove o float que causa quebra */
  margin: 0 !important;
  padding: 0 14px !important;
  border-right: 1px dashed rgba(255,255,255,0.35) !important;
  list-style: none !important;
  text-transform: uppercase;
  width: auto !important;
  min-width: 180px;
}

/* remove a borda do último item */
.woocommerce-order .woocommerce-order-overview li:last-child {
  border-right: 0 !important;
}

/* labels (NÚMERO DO PEDIDO:, DATA:, etc) */
.woocommerce-order .woocommerce-order-overview li {
  font-size: 14px !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,0.8) !important;
}

/* valores (1221 / fevereiro 3, 2026 / email / total / método) */
.woocommerce-order .woocommerce-order-overview li strong {
  display: block !important;
  margin-top: 6px !important;
  font-size: 20px !important; /* ✅ pedido, data, email, método, total */
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-transform: none !important; /* mantém e-mail legível */
}
/* Espaço abaixo do aviso "Obrigado. Seu pedido foi recebido." */
.woocommerce-order .woocommerce-notice.woocommerce-notice--success {
  margin-bottom: 32px !important; /* ajuste fino se quiser */
}

/* Espaço acima do título "Detalhes do pedido" (fallback) */
.woocommerce-order .woocommerce-order-details__title {
  margin-top: 32px !important;
}
