/*
Theme Name: Amazon Peptídeos Child
Theme URI: https://amazonpeptideos.com
Description: Tema filho da Amazon Peptídeos baseado no WoodMart.
Author: Amazon Peptídeos
Template: woodmart
Version: 1.0.0
*/

:root {
  --ink:#14171A;
  --charcoal:#1F2327;
  --paper:#F6F5F1;
  --paper-2:#EEECE5;
  --orange:#FF6A00;
  --orange-deep:#E85A00;
  --steel:#8A8F94;
  --steel-light:#B9BCBF;
  --line: rgba(20,23,26,0.10);
  --line-dark: rgba(246,245,241,0.12);
  --radius: 2px;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--ink, #14171A);
  background: var(--paper, #F6F5F1);
}

h1, h2, h3, h4, h5, h6, button, .btn {
  font-family: 'Archivo', sans-serif;
}

.eyebrow, .badge, .num, .marquee-track, .price, code, pre, .mono {
  font-family: 'Space Mono', monospace;
  color: var(--orange, #FF6A00);
}

/* Evita folga no final da tela causada por dropdowns do menu full-width
   (position:absolute estourando além do viewport) sem quebrar o hover. */
.website-wrapper {
  overflow-x: clip;
}


.elementor-13 .elementor-element.elementor-element-eade166e .elementor-icon-box-icon, .elementor-13 .elementor-element.elementor-element-3e20f601 .elementor-icon-box-icon
{
  display: block !important;
} 
/* Divisórias verticais entre os cards: 1º sem borda esquerda, último sem
   borda direita. Cor da borda = a do tema (--line), sem forçar cor própria. */
.elementor-13 .elementor-element-3e20f601 > .e-con {
  border-right: 1px solid var(--line, rgba(20,23,26,0.10));
}
.elementor-13 .elementor-element-3e20f601 > .e-con:first-child {
  border-left: none;
}
/* Remove a borda esquerda do container-pai de BENEFÍCIOS (3e20f601), que vinha
   de uma regra inline do Elementor (border-left solid no próprio pai). */
.elementor-13 .elementor-element-3e20f601 {
  border-left: none !important;
}
/* Bloco VANTAGENS (eade166e): espelha a ref `trust-grid` — grid 5 colunas com
   borda externa 1px var(--line), divisórias 1px (gap + fundo var(--line)),
   cards --paper com padding, título escuro (ink) e texto cinza (steel).
   Especificidade 4 (2x data-id) > embedded do post (3) p/ vencer na cascata. */
.elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 1px !important;
  background: var(--line, rgba(20,23,26,0.10)) !important;
  border: 1px solid var(--line, rgba(20,23,26,0.10)) !important;
  padding: 0;
}
.elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] > .e-con {
  background-color: #ffffff !important;
  padding: 34px 22px;
}
.elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] > .e-con .elementor-icon-box-title {
  color: var(--ink, #14171A) !important;
}
.elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] > .e-con .elementor-icon-box-description {
  color: var(--steel, #8A8F94) !important;
}
@media (max-width: 980px) {
  .elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] {
    grid-template-columns: 1fr 1fr !important;
  }
}
.elementor-13 .elementor-element-3e20f601 > .e-con:last-child {
  border-right: none;
}
/* Seção VANTAGENS (1e564b3f): restaura o padding inferior (ref .wrap padding 80px).
   Star-up: rule agrupada "8f... , 1e564b3f" tbm vem depois e !important; para vencer,
   elevo a especificidade acrescentando as classes do pr�prio elemento. */
.elementor-13 .elementor-element.elementor-element-1e564b3f.wd-section-stretch.e-con.e-flex.e-parent {
  padding-bottom: 80px !important;
}

.elementor-13 .elementor-element.elementor-element-2f1ea59f.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-d82f38dc.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-d2f312de.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-5dc2b55f.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-13cded43.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-e39e1d96.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-fa6dd4a5.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-1d2eb31f.elementor-view-framed .elementor-icon,
.elementor-13 .elementor-element.elementor-element-0bf17fdc.elementor-view-framed .elementor-icon {
  background-color: transparent !important;
  padding: 0.8em;
  border: 1px solid #FF6A00;
  font-size: 18px;
} 

/* ============================================================
   NEWSLETTER — bloco cms_block 1979 (pre-footer)
   Estilo espelhado do container e373b08d da home (newsletter).
   Escopo restrito: somente .amz-newsletter.
   ============================================================ */
.amz-newsletter {
  background-color: #FF6A00;
  padding: 80px 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.amz-newsletter > div:first-child {
  max-width: 520px;
  flex: 1 1 480px;
}
.amz-newsletter h2 {
  color: #ffffff;
  font-family: Archivo, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(22px, 2.8vw, 32px);
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0;
}
.amz-newsletter h2 span {
  color: #14171A !important;
}
.amz-newsletter p {
  color: rgba(255, 255, 255, 0.92);
}
.amz-newsletter .wpforms-container {
  max-width: 420px;
  flex: 1 1 360px;
}
.amz-newsletter .wpforms-field-email input {
  background: #ffffff !important;
  border: 1px solid #14171A;
  border-radius: 2px;
  padding: 12px 14px;
  font-size: 14px;
  color: #14171A;
}
.amz-newsletter .wpforms-submit {
  background: #14171A !important;
  color: #ffffff !important;
  font-family: Archivo, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 12px 28px;
  border: 1px solid #14171A;
}
.amz-newsletter .wpforms-submit:hover {
  background: #000000 !important;
}
@media (max-width: 980px) {
  .amz-newsletter {
    padding: 56px 24px;
    justify-content: center;
  }
  .amz-newsletter > div:first-child,
  .amz-newsletter .wpforms-container {
    max-width: 100%;
    flex-basis: 100%;
  }
}

/* ==== AJUSTES BLOCO NEWSLETTER (amz-newsletter) ==== */
/* Full width: estoura o .container do pre-footer (100vw centralizado).
   site já tem overflow-x:clip no .website-wrapper (sem scrollbar). */
.amz-newsletter {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
/* O shortcode [wpforms] fica embrulhado em <p> pelo do_shortcode — remove
   o p do fluxo para o form virar item do flex pai. */
.amz-newsletter > p {
  display: contents;
  margin: 0;
}
/* Remove o label "Seu e-mail *" (só neste bloco). */
.amz-newsletter .wpforms-field-label {
  display: none;
}
/* Botão alinhado à direita do container do form. */
.amz-newsletter .wpforms-submit-container {
  text-align: right;
}
.amz-newsletter .wpforms-submit {
  float: none !important;
  display: inline-block;
  margin-top: 10px;
}
/* Remove o padding-bottom do pre-footer do WoodMart. */
.wd-prefooter {
  padding-bottom: 0;
}

/* ===== AJUSTES FINAIS NEWSLETTER (cascata: mm inline do child eh injetado?site
   ANTES do footer-base.css e do wpforms css linkados, logo preciso de !important) ===== */
.wd-prefooter {
  padding-bottom: 0 !important;
}
.amz-newsletter .wpforms-field-label {
  display: none !important;
}
.amz-newsletter form.wpforms-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 10px;
}
.amz-newsletter .wpforms-field-container {
  flex: 1 1 240px;
  min-width: 0;
}
.amz-newsletter .wpforms-field-email {
  width: 100%;
  padding-bottom: 0 !important;
}
.amz-newsletter .wpforms-field-email input {
  width: 100% !important;
  max-width: 100% !important;
}
.amz-newsletter .wpforms-submit-container {
  flex: 0 0 auto;
  width: auto !important;
  padding-top: 0 !important;
  clear: none !important;
  text-align: right;
}

/* ============================================================
   AMZ FOOTER (cms_block 1995 elementor) — escopado .amz-footer
   Fonte: referência layout/index.html (footer-grid / footer-security / footer-bottom)
   ============================================================ */
.amz-footer {
  --ink:#14171A;
  --charcoal:#1F2327;
  --paper:#F6F5F1;
  --orange:#FF6A00;
  --steel:#8A8F94;
  --steel-light:#B9BCBF;
  --line-dark:rgba(246,245,241,0.12);
  font-family: 'Inter', sans-serif;
  color: var(--paper, #F6F5F1);
}
.amz-footer,
.amz-footer * { box-sizing: border-box; }

.amz-footer .amz-footer-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 72px 0 40px;
  --padding-left: 0;
  --padding-right: 0;
  --padding-inline-end: 0;
  --padding-inline-start: 0;
  width: 100%;
}

/* --- grid principal (1fr 1fr 1fr) --------------------------- */
.amz-footer .footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 40px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--line-dark, rgba(246,245,241,0.12));
}

.amz-footer .footer-col .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.amz-footer .footer-col .menu > li { margin: 0 0 10px; }
.amz-footer .footer-col .menu > li:last-child { margin-bottom: 0; }
.amz-footer .footer-col .menu a {
  font-size: 13px;
  line-height: 1.5;
  color: var(--steel, #8A8F94);
  text-decoration: none;
  transition: color .18s;
}
.amz-footer .footer-col .menu a:hover { color: var(--paper, #F6F5F1); }

.amz-footer .amz-fcontact h5 {
  font-family: 'Archivo', sans-serif;
  font-size: 12.5px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--steel-light, #B9BCBF);
  margin: 0 0 20px;
  font-weight: 600;
}
.amz-footer .amz-fcontact-sac {
  font-size: 13px;
  color: var(--paper, #F6F5F1);
  margin: 0 0 16px;
  line-height: 1.5;
}
.amz-footer .amz-fcontact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.amz-footer .amz-fcontact-list li { margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: var(--steel, #8A8F94); }
.amz-footer .amz-fcontact-list strong { color: var(--steel-light, #B9BCBF); font-weight: 600; }
.amz-footer .amz-fcontact-list a {
  color: var(--steel, #8A8F94);
  text-decoration: none;
  transition: color .18s;
}
.amz-footer .amz-fcontact-list a:hover { color: var(--paper, #F6F5F1); }
.amz-footer .amz-fcontact-hours {
  font-size: 12px;
  line-height: 1.6;
  color: var(--steel-light, #B9BCBF);
  margin: 14px 0 0;
}
.amz-footer .amz-fcontact-hours strong { color: var(--steel-light, #B9BCBF); font-weight: 600; }
.amz-footer .footer-col h5 {
  font-family: 'Archivo', sans-serif;
  font-size: 12.5px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--steel-light, #B9BCBF);
  margin: 0 0 20px;
  font-weight: 600;
}
.amz-footer .amz-footer-col p {
  color: var(--steel, #8A8F94);
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 22px;
}

/* --- linha de aviso ---------------------------------------- */
.amz-footer .amz-footer-notice {
  display: flex;
  justify-content: center;
  padding: 0 4vw;
  margin: 0;
}
.amz-footer .amz-footer-notice p {
  max-width: 100%;
  text-align: center;
  color: var(--steel, #8A8F94);
  font-size: 12px;
  line-height: 1.6; 
  padding: 18px 22px;
  margin: 44px 0 0;
}

/* --- footer-security --------------------------------------- */
.amz-footer .footer-security {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 32px;
  padding: 40px 0;
  border-bottom: 1px solid var(--line-dark, rgba(246,245,241,0.12));
  align-items: start;
}
.amz-footer .sec-item h6 {
  font-family: 'Archivo', sans-serif;
  font-size: 12.5px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--steel-light, #B9BCBF);
  margin: 0 0 16px;
  font-weight: 600;
}
.amz-footer .sec-badges { display: flex; gap: 12px; flex-wrap: wrap; }
.amz-footer .sec-badge a {
  display: inline-flex; align-items: center;
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--steel, #8A8F94);
  border: 1px solid var(--line-dark, rgba(246,245,241,0.12));
  padding: 7px 10px 6px;
  text-decoration: none;
  transition: color .18s, border-color .18s;
}
.amz-footer .sec-badge a:hover { color: var(--paper, #F6F5F1); border-color: var(--steel, #8A8F94); }
.amz-footer .sec-badge svg { width: 60px; height: auto; margin-right: 8px; vertical-align: middle; display: block; }

.amz-footer .pay { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.amz-footer .pay .payment-list__item { width: 35px;  display: inline-block; }
.amz-footer .pay .payment-list__item.icone-pix { background: #fff; }
.amz-footer .selos { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.amz-footer .selos svg { width: 100px; height: 44px; display: block; }

/* --- footer-bottom ----------------------------------------- */
.amz-footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 28px;
}
.amz-footer .footer-bottom span {
  font-size: 12px;
  color: var(--steel, #8A8F94);
}
.amz-footer .hex-copyright {
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--steel-light, #B9BCBF);
  text-decoration: none;
  transition: color .18s;
} 
.amz-footer .hex-copyright b { color: var(--paper, #F6F5F1); font-weight: 700; } 

/* --- responsivo -------------------------------------------- */
@media (max-width: 1080px) {
  .amz-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 28px; }
  .amz-footer .footer-security { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 600px) {
  .amz-footer .amz-footer-inner { padding: 56px 22px 32px; }
  .amz-footer .footer-grid { grid-template-columns: 1fr; gap: 30px; padding-bottom: 32px; }
  .amz-footer .footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
}

.amz-footer .sec-badges img {
  background: #fff; border-radius: 5px; padding: 5px;
}



@media (min-width: 769px) {
    .elementor-1995 .elementor-element.elementor-element-a9f00013,
    .elementor-1995 .elementor-element.elementor-element-a9f00012,
    .elementor-1995 .elementor-element.elementor-element-a9f00011
     {
        --width: unset !important; 
    }
}

.elementor-1995 .elementor-element.elementor-element-a9f0000f {
      --padding-top: 0px;
}
p.stock.wd-style-default.in-stock:before {
  display: none;
}
p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
  color: #16a34a !important;
      font-family: 'Space Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
p.stock.out-of-stock {
      font-family: 'Space Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;

}

@media (max-width: 1024px) { 

  .elementor-13 .elementor-element.elementor-element-7ff3f5d.wd-section-stretch.e-con.e-flex.e-parent {
    padding-top: 10px !important;
  }
  .elementor-13 .elementor-element.elementor-element-b0df6fc,  
  .elementor-13 .elementor-element.elementor-element-06c9ffe  {
        grid-row: unset !important;
            grid-column: unset !important;
  }
  .elementor-13 .elementor-element.elementor-element-8f2f6f54 {
    margin-top: unset !important;
  }
  .elementor-13 .amz-cat-card {
    overflow: unset !important;
  }
  .elementor-13 .elementor-element.elementor-element-fa61a69,
  .elementor-13 .elementor-element.elementor-element-8f19c42a {

    padding-top: 20px !important;
  } 
  .elementor-13 .elementor-element.elementor-element-eade166e, .elementor-13 .elementor-element.elementor-element-3e20f601,
  .elementor-13 .elementor-element[data-id="eade166e"][data-id="eade166e"] {
            grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* 1. CATEGORIAS — 1 coluna no mobile (ref: .cat-grid 1fr) */
@media (max-width: 600px) {
  .elementor-13 .elementor-element.elementor-element-8f2f6f54.e-con.e-flex.e-child {
    grid-template-columns: 1fr !important;
  }
  /* card só imagem: reduz o aspect-ratio p/ não ficar gigante */
  .elementor-13 .amz-cat-card { aspect-ratio: 16/10 !important; }
  /* reduz padding do bloco (ref: section 64px) */
  .elementor-13 .elementor-element.elementor-element-7ff3f5d.wd-section-stretch.e-con.e-flex.e-parent { padding: 40px 20px !important; }
}

/* 2. PRODUTOS — 1 coluna (ref: .prod-grid 1fr)
   (alternativa comercial: manter 2 — decidir com o cliente) */
@media (max-width: 600px) {
  .elementor-13 .wd-carousel { --wd-col-sm: 1 !important; }
}

/* 3. BENEFÍCIOS — 1 coluna no mobile (ref: .benefit-grid 1fr) */
@media (max-width: 600px) {
  .elementor-13 .elementor-element-eade166e,
  .elementor-13 .elementor-element-3e20f601 {
    grid-template-columns: 1fr !important;
  }
}

/* 4. FAIXA DE CONFIANÇA (1e564b3f) — 1 coluna no mobile */
@media (max-width: 600px) {
  .elementor-13 .elementor-element-1e564b3f { grid-template-columns: 1fr !important; }
  .elementor-13 .elementor-element-1e564b3f .elementor-icon-box { align-items: flex-start !important; }
}

/* 5. HEADINGS — reduzir clamp no mobile */
@media (max-width: 600px) {
  .elementor-13 h2 { font-size: 24px !important; line-height: 1.15 !important; }
}


.elementor-13 .wd-product-thumb {
  aspect-ratio: 1 / 1;        /* ou 4/3 */
}
.elementor-13 .wd-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* recorta sem distorcer */
}
/* Desconto PIX — abaixo do preço (cards + produto) */
.amz-pix-cash {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: #1e8e3e;
}
.amz-pix-cash strong {
  font-weight: 600;
}
/* Produto 5-Amino-1MQ (1678): remove infobox oferta, disclaimer EN, FAQ e reviews */
.elementor-1061 .elementor-element.elementor-element-73c1ff09 {
  display: none;
}
/**
.amz-pix-cash .amount {
  font-weight: 800;
    font-size: 28px;
}
**/

/* Traduzir YOUR ORDER - esconder original e mostrar tradução */
.woodmart-title-container.wd-fontsize-l:contains("YOUR ORDER"):not(.amz-footer):after {
    content: "SEU PEDIDO";
    position: relative;
}
.woodmart-title-container.wd-fontsize-l:contains("YOUR ORDER"):not(.amz-footer) {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.woodmart-title-container.wd-fontsize-l:contains("YOUR ORDER"):not(.amz-footer):before {
    content: "SEU PEDIDO";
    visibility: visible;
}

/* Esconder termos e condições no checkout */
.woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

/* Single product: inverte tamanhos — special grande, regular pequeno */
.single-product .price {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.single-product .price ins .amount {
  font-size: 32px;
  font-weight: 800;
  color: var(--orange);
}
.single-product .price del .amount {
  font-size: 16px;
  font-weight: 400;
  color: var(--steel);
}
.single-product .price del {
  text-decoration: line-through !important;
  text-decoration-color: currentColor;
}
/* Page Fale Conosco (2319) - remove sidebar */
body.page-id-2319 .wd-sidebar,
body.page-id-2319 .sidebar-container {
  display: none !important;
}
body.page-id-2319 .content-layout-wrapper .wd-content-layout {
  --wd-col-lg: 12 !important;
  grid-template-columns: 1fr !important;
}