.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-e6239a9:#2262D0;--e-global-color-3e1701f:#383838;--e-global-color-d0e5241:#FFFFFF;--e-global-color-084bf9d:#2262D0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.woocommerce-customer-details {
    display: none;
}

/* Opcional: para melhorar a legibilidade e o alinhamento */
.tribe-checkout-backlinks {
  display: flex !important;
  gap: 32px !important; /* forma moderna e consistente de espaçar */
  flex-wrap: wrap !important;
  align-items: center !important;
}


/* ============================================================
   BOTÕES DO EVENT TICKETS — estilo laranja global unificado
   (Aplicado a: Comprar Ingressos + Finalizar Inscrição)
   ============================================================ */
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__attendee-tickets-submit,
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__registration-submit,
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__tickets-buy,
button[name="checkout-button"].tribe-common-c-btn.tribe-common-c-btn--small {
  background-color: var(--e-global-color-e6239a9) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out !important;
}

/* Hover */
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__attendee-tickets-submit:hover,
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__registration-submit:hover,
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__tickets-buy:hover,
button[name="checkout-button"].tribe-common-c-btn.tribe-common-c-btn--small:hover {
  background-color: #161616 !important;
  transform: scale(1.02);
}

/* Estado desabilitado */
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__attendee-tickets-submit[disabled],
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__registration-submit[disabled],
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__tickets-buy[disabled],
button[name="checkout-button"].tribe-common-c-btn.tribe-common-c-btn--small[disabled] {
  background-color: #f0bfa2 !important;
  opacity: 0.8 !important;
  cursor: not-allowed !important;
  transform: none !important;
}


/* ============================================================
   AJUSTE DE LARGURA E ALINHAMENTO DOS DETALHES DO PEDIDO
   ============================================================ */


/* --- 1) Limita a largura da seção inteira para alinhar com os dados do topo --- */
body.woocommerce-order-received .woocommerce-order {
  max-width: 960px !important;       /* define o mesmo limite visual do topo */
  margin: 0 auto !important;         /* centraliza na página */
  padding: 0 20px !important;        /* espaçamento lateral */
}

/* --- 2) Ajusta a tabela principal do WooCommerce --- */
body.woocommerce-order-received table.woocommerce-table.order_details {
  width: 100% !important;
  border-collapse: collapse !important;
}

body.woocommerce-order-received table.woocommerce-table.order_details th.product-name,
body.woocommerce-order-received table.woocommerce-table.order_details td.product-name {
  width: 85% !important; /* mais espaço pro conteúdo do produto */
}

body.woocommerce-order-received table.woocommerce-table.order_details th.product-total,
body.woocommerce-order-received table.woocommerce-table.order_details td.product-total {
  width: 15% !important;
  text-align: right !important;
}

/* Garante que o conteúdo da célula esquerda ocupe todo o espaço disponível */
body.woocommerce-order-received td.woocommerce-table__product-name.product-name {
  max-width: none !important;
  white-space: normal !important;
}

/* --- 3) Ajusta a tabela interna dos ingressos (tribe-attendee-meta) --- */
body.woocommerce-order-received table.tribe-attendee-meta {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  margin-top: 6px !important;
}

body.woocommerce-order-received table.tribe-attendee-meta td {
  vertical-align: top !important;
  padding: 6px 8px !important;
  line-height: 1.4 !important;
  font-size: 15px;
}

/* Rótulo (coluna esquerda da tabela interna) */
body.woocommerce-order-received table.tribe-attendee-meta td:first-child {
  width: 38% !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  font-weight: 500;
  color: #333;
}

/* Valor (coluna direita da tabela interna) */
body.woocommerce-order-received table.tribe-attendee-meta td:last-child {
  width: 62% !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  color: #000;
}

/* --- 4) Estética geral e espaçamento entre ingressos --- */
body.woocommerce-order-received .tribe-attendee-meta tr {
  border-bottom: 1px solid #eee !important;
}
body.woocommerce-order-received .woocommerce-table__product-name.product-name strong.product-quantity {
  display: block;
  margin-top: 4px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
}

/* --- 5) Responsivo --- */
@media (max-width: 900px) {
  body.woocommerce-order-received .woocommerce-order {
    max-width: 100% !important;
    padding: 0 15px !important;
  }
  body.woocommerce-order-received table.tribe-attendee-meta td:first-child {
    width: 45% !important;
  }
  body.woocommerce-order-received table.tribe-attendee-meta td:last-child {
    width: 55% !important;
  }
}
/* ===== PIX: título + textos TODOS ao lado do QR (isolado) ===== */

/* CARD base — SOMENTE o <ul.order_details> que fica dentro da section dos detalhes */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details{
  display: grid !important;
  grid-template-columns: 300px 1fr !important;   /* Coluna 1 = QR | Coluna 2 = textos */
  gap: 16px 28px !important;
  list-style: none !important;
  padding: 18px !important;
  margin: 0 0 16px !important;
  background: #fff !important;
  border: 1px solid #eef0f3 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  overflow: hidden !important;
}

/* Remove divisores pontilhados apenas desse UL */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details > li::before,
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details > li::after{
  content:none !important;
}

/* 1) TÍTULO “PAGUE COM PIX.” -> COLUNA 2, LINHA 1 (ao lado do QR) */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details > li:first-child{
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  color: #6a7078 !important;
  align-self: start !important;
}

/* 2) Permite posicionar os filhos do <li class="asaas-pix-instructions"> no grid do card */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details li.asaas-pix-instructions{
  display: contents !important;
}

/* 3) QR -> COLUNA 1, ocupa a altura do bloco de textos */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details img.js-pix-qr-code{
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  width: 300px !important;
  height: 300px !important;
  border-radius: 6px !important;
  display: block !important;
}

/* 4) Instruções (OL) -> COLUNA 2, LINHA 2 */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details .asaas-pix-instructions__list{
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #222 !important;
}
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details .asaas-pix-instructions__list li{
  margin: 0 0 10px !important;
}

/* 5) CÓDIGO PIX (payload) -> COLUNA 2, LINHA 3 */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details p.woocommerce-order-details__asaas-pix-payload{
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 6px 0 4px !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #4a4f57 !important;
  width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* 6) Botão “copiar” -> COLUNA 2, LINHA 4 */
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details li.asaas-pix-copy-to-clipboard{
  grid-column: 2 !important;
  grid-row: 4 !important;
  margin: 0 !important;
}
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details li.asaas-pix-copy-to-clipboard button{
  font-size: 20px !important;                /* estilo igual ao "Finalizar Pedido" */
  font-family: Helvetica, sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 20px 40px !important;
  color: #fff !important;
  background-color: #2262D0 !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background .2s ease-in-out, transform .1s ease-in-out;
}
body.woocommerce-order-received section.woocommerce-order-details > ul.order_details li.asaas-pix-copy-to-clipboard button:hover{
  background-color: #161616 !important;
  transform: scale(1.02);
}

/* 7) Responsivo: empilha no mobile */
@media (max-width: 860px){
  body.woocommerce-order-received section.woocommerce-order-details > ul.order_details{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.woocommerce-order-received section.woocommerce-order-details > ul.order_details img.js-pix-qr-code{
    grid-row: auto !important;
    margin: 0 auto !important;
  }
}

/* Remover "Salvar e Visualizar o Carrinho" (cart-button) */
button[name="cart-button"].tribe-tickets__attendee-tickets-footer-cart-button,
.tribe-tickets__attendee-tickets-footer button[name="cart-button"],
.tribe-tickets__attendee-tickets-footer .tribe-common-c-btn-link.tribe-tickets__attendee-tickets-footer-cart-button {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Remover o "ou" entre os botões */
span.tribe-tickets__attendee-tickets-footer-divider,
.tribe-tickets__attendee-tickets-footer .tribe-tickets__attendee-tickets-footer-divider {
  display: none !important;
  visibility: hidden !important;
}

/* Bloco de boletos em 2 colunas (sem afetar o resumo do topo) */
body.woocommerce-order-received section.woocommerce-order-details 
  ul.order_details:not(.woocommerce-order-overview):not(.woocommerce-thankyou-order-details) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;   /* 2 colunas */
  column-gap: 3rem !important;
  row-gap: 1rem !important;
  align-items: start !important;
}

/* Primeiro item (SEUS BOLETOS...) ocupa as 2 colunas */
body.woocommerce-order-received section.woocommerce-order-details 
  ul.order_details:not(.woocommerce-order-overview):not(.woocommerce-thankyou-order-details) > li:first-child {
  grid-column: 1 / -1 !important;             /* span 2 colunas */
  font-weight: 700 !important;
  color: #6A7078 !important;
  text-transform: uppercase !important;
  margin-bottom: .25rem !important;
}

/* Se houver divisor pontilhado via ::after, remove no título */
body.woocommerce-order-received section.woocommerce-order-details 
  ul.order_details:not(.woocommerce-order-overview):not(.woocommerce-thankyou-order-details) > li:first-child::after {
  display: none !important;
}

/* ============================================================
   AUMENTAR LARGURA DO CHECKOUT (SEÇÃO DO ELEMENTOR)
   ============================================================ */
.elementor-element.elementor-element-797a2c4.e-checkout-layout-two-column {
  max-width: 1280px !important;  /* você pode ajustar — 1140px, 1280px, 1360px... */
  margin: 0 auto !important;     /* centraliza */
  width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

/* ============================================================
   RESTAURAÇÃO DO PADRÃO TICKET PLUS - "SEUS INGRESSOS"
   ============================================================ */
/* ============================
   "Seu Ingressos" — visual limpo
   (escopo: página de recebido do Woo)
   ============================ */
body.woocommerce-order-received .tec-tickets__attendees-list-wrapper {
  display: grid;
  gap: 18px;                     /* espaço entre ingressos */
}

/* Card de cada ingresso */
body.woocommerce-order-received .tec-tickets__attendees-list-item {
  background: #fff;
  border: 1px solid #e9edf2;
  border-radius: 12px;
  padding: 16px 18px;
}

/* Container onde ficam o link PDF e os botões Apple */
body.woocommerce-order-received
.tec-tickets__wallet-plus-passes-container{
  display: grid !important;
  grid-template-columns: 1fr auto;   /* PDF | Apple button */
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 10px !important;
  margin-top: 8px !important;
}

/* PDF link fica à esquerda, sem “quebras” desnecessárias */
body.woocommerce-order-received
.tec-tickets__wallet-plus-passes-container > a:first-child{
  display: inline-block !important;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 600;
}

/* Botão Apple alinhado à direita na 1ª linha */
body.woocommerce-order-received
.tec-tickets__wallet-plus-component-apple-wallet-button-container{
  justify-self: end;
}

/* Texto “Adicionar à Carteira da Apple” embaixo do botão, à direita */
body.woocommerce-order-received
.tec-tickets__wallet-plus-component-apple-wallet-button-link{
  grid-column: 2;
  justify-self: end;
  margin-top: 2px !important;
}

/* Zera margens herdadas entre filhos para não “puxar” layout */
body.woocommerce-order-received
.tec-tickets__wallet-plus-passes-container > *{
  margin: 0 !important;
}

/* Acessibilidade/feedback no hover/focus sem poluir o layout */
body.woocommerce-order-received
.tec-tickets__wallet-plus-passes-container a:focus-visible{
  outline: 2px solid #9fd3ff;  /* ring de foco claro */
  outline-offset: 2px;
  border-radius: 6px;
}

/* ---------- Mobile ---------- */
@media (max-width: 680px){
  body.woocommerce-order-received
  .tec-tickets__wallet-plus-passes-container{
    grid-template-columns: 1fr !important;  /* empilha */
  }
  body.woocommerce-order-received
  .tec-tickets__wallet-plus-component-apple-wallet-button-container,
  body.woocommerce-order-received
  .tec-tickets__wallet-plus-component-apple-wallet-button-link{
    justify-self: start;                    /* tudo à esquerda */
  }
}

/* Espaçamento entre os cartões de ingresso */
body.woocommerce-order-received 
.tec-tickets__attendees-list-item {
  margin-bottom: 20px !important; /* ajustável conforme o gosto */
}

/* Remove eventual dupla borda entre cards */
body.woocommerce-order-received 
.tec-tickets__attendees-list-item:last-child {
  margin-bottom: 0 !important;
}
/* ===========================
   BOTÃO "TICKET PDF" - TAMANHO E ESTILO AJUSTADO
   =========================== */
body.woocommerce-order-received a[href*="ticket"],
body.woocommerce-order-received a.tribe-common-c-btn-link[href*="ticket"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--e-global-color-e6239a9) !important; /* laranja global */
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  font-family: 'Roboto', sans-serif !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0 !important;
  width: 153px !important;  /* igual ao Apple Wallet */
  height: 40px !important;  /* igual ao Apple Wallet */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* HOVER */
body.woocommerce-order-received a[href*="ticket"]:hover,
body.woocommerce-order-received a.tribe-common-c-btn-link[href*="ticket"]:hover {
  background-color: var(--e-global-color-e3e1701f) !important; /* laranja escuro global */
  transform: scale(1.02);
}

/* Agrupamento com o botão Apple Wallet */
.tec-tickets__wallet-plus-passes-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
}/* End custom CSS */