/* ==========================================================
   ALUMIA DIGITAL — HELLO BIZ CHILD (Styles.css)
   Mantém visual atual. Tokens globais, botões, Woo, Blog,
   Catálogo (escopado) e FIX mobile.
   ========================================================== */


/* ==========================
   0) TOKENS (cores, fontes, raios, sombras)
   ========================== */
:root{
  --alumia-sand:  #EAE3D3;  /* Areia de Vereda */
  --alumia-brown: #4B2E2B;  /* Terra Seca */
  --alumia-burnt: #A65C4B;  /* Barro Queimado */
  --alumia-blue:  #3E4C61;  /* Azul Crepúsculo */
  --alumia-gold:  #E6C39F;  /* Dourado Fosco */
  --alumia-black: #1E1F23;  /* Moldura blog */
  --alumia-paper: #F9F6F1;  /* Papel blog */
  --alumia-brand: #FFA549;  /* Botão institucional */

  --radius-8: 8px;
  --radius-10: 10px;
  --radius-16: 16px;

  --shadow-soft: 0 10px 30px rgba(62,76,97,0.08);

  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-serif: "Noto Serif", Georgia, "Times New Roman", serif;
}

/* Preferência do usuário por menos movimento */
@media (prefers-reduced-motion: reduce){
  *{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 0.1) Guard-rail — evita scroll horizontal nas páginas Woo */
body.woocommerce,
body.woocommerce-page{
  overflow-x: clip; /* mais seguro que hidden; não cria novo contexto de rolagem */
}


/* ==========================
   1) BOTÕES — PADRÃO INSTITUCIONAL (site todo)
   Use: <a class="ehp-button ehp-button--primary">…</a>
   ========================== */
a.ehp-button.ehp-button--primary{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.75em 1.4em; border-radius: var(--radius-10);
  font: 600 1rem/1 var(--font-sans);
  text-decoration: none;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.2s ease;
  transform-origin: center; will-change: transform;
}
a.ehp-button.ehp-button--primary:hover,
a.ehp-button.ehp-button--primary:focus{
  background-color: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(0.90);
  box-shadow: 0 6px 20px rgba(255,165,73,0.18);
  outline: none;
}

/* Variante contornada (opcional) */
a.ehp-button.ehp-button--ghost{
  background: transparent;
  color: var(--alumia-brand);
  border: 2px solid var(--alumia-brand);
}
a.ehp-button.ehp-button--ghost:hover,
a.ehp-button.ehp-button--ghost:focus{
  background: var(--alumia-brand);
  color: var(--alumia-black);
  transform: scale(0.90);
  box-shadow: 0 6px 20px rgba(255,165,73,0.18);
  outline: none;
}


/* ==========================
   2) WOO — FUNDOS, TIPOGRAFIA, TEXTOS
   ========================== */
body.woocommerce,
body.woocommerce-page{
  background-color: var(--alumia-sand);
  color: var(--alumia-brown);
  font-family: var(--font-sans);
  font-size: 1rem; line-height: 1.6;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3,
.woocommerce h4,.woocommerce h5,.woocommerce h6{
  color: var(--alumia-brown);
}
.woocommerce label,
.woocommerce-form-row label,
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p,
.woocommerce .form-row label,
.woocommerce-MyAccount-content label{
  color: var(--alumia-brown);
}
.woocommerce p,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-info,
.woocommerce-error,
.woocommerce-message{
  color: var(--alumia-brown);
}


/* ==========================
   3) WOO — BARRA SUPERIOR DA LOJA (full-bleed seguro)
   ========================== */
nav.alumia-loja-nav{
  /* visual */
  background: #FFF6ED;
  border-bottom: 1.5px solid var(--alumia-gold);
  padding: 11px 0;

  /* layout */
  display: flex;
  gap: 22px;
  justify-content: center;
  align-items: center;
  font-size: 1.04em;
  position: relative;
  z-index: 10;

  /* FULL-BLEED sem criar barra de rolagem horizontal */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
  overflow-x: clip;   /* evita 1–2px de overflow em alguns navegadores */
}
@supports not (overflow: clip){
  nav.alumia-loja-nav{ overflow-x: hidden; }
}

/* links */
nav.alumia-loja-nav a{
  color: var(--alumia-blue);
  text-decoration: none;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
  display: inline-block;
}
nav.alumia-loja-nav a:hover,
nav.alumia-loja-nav a.active{
  background: var(--alumia-burnt);
  color: #fff;
}

/* responsivo */
@media (max-width: 900px){
  nav.alumia-loja-nav{
    flex-direction: column;
    gap: 8px;
    font-size: 0.97em;
    padding: 8px 0;
  }
}
@media (max-width: 600px){
  /* em mobile, manter simples e sem truque de margin */
  nav.alumia-loja-nav{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}



/* ==========================
   4) WOO — MINHA CONTA (navegação lateral)
   ========================== */
.woocommerce-MyAccount-navigation{
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 20px rgba(62,76,97,0.04);
  padding: 28px 22px;
  min-width: 220px;
  margin-bottom: 32px;
}
.woocommerce-MyAccount-navigation ul{ margin: 0; padding: 0; list-style: none; }
.woocommerce-MyAccount-navigation li{ margin-bottom: 10px; }
.woocommerce-MyAccount-navigation-link a{
  display: block; padding: 12px 20px; border-radius: 10px;
  color: var(--alumia-blue); font-weight: 500; font-size: 1.04em;
  transition: background 0.2s ease, color 0.2s ease; text-decoration: none;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
  background: var(--alumia-burnt); color: #fff;
}
@media (max-width: 900px){
  .woocommerce-account .woocommerce-MyAccount-navigation{
    min-width: 100%; width: 100%; margin-bottom: 24px; padding: 16px 8px; border-radius: 10px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation-link a{
    padding: 11px 14px; font-size: 1em;
  }
}


/* ==========================
   5) WOO — LINKS E BOTÕES
   ========================== */
.woocommerce-MyAccount-content a:not(.woocommerce-Button):not(.button):not(.woocommerce-form-login__submit):not(.woocommerce-form-register__submit),
.woocommerce-privacy-policy-link{
  color: var(--alumia-blue);
  text-decoration: underline;
  transition: color 0.2s ease;
}
.woocommerce-MyAccount-content a:not(.woocommerce-Button):not(.button):not(.woocommerce-form-login__submit):not(.woocommerce-form-register__submit):hover,
.woocommerce-privacy-policy-link:hover{
  color: var(--alumia-burnt);
}

/* Botões Woo (core) */
.woocommerce button.button,
.woocommerce .button,
.woocommerce input.button,
.woocommerce-Button,
.woocommerce-button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit{
  background: var(--alumia-burnt);
  color: #fff;
  border: 0;
  border-radius: var(--radius-8);
  font-weight: 600; font-family: inherit;
  padding: 0.75em 2em;
  font-size: 1.12em;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce input.button:hover,
.woocommerce-Button:hover,
.woocommerce-button:hover,
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover{
  background: var(--alumia-gold);
  color: var(--alumia-brown);
  box-shadow: 0 2px 10px rgba(166,92,75,0.07);
}

/* Blocks — Carrinho/Checkout */
.wc-block-cart__submit-button,
.wc-block-cart__submit-button.contained,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.contained,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button{
  background: var(--alumia-burnt);
  color: #fff;
  border-radius: var(--radius-8);
  font-family: var(--font-sans);
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
}
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:focus{
  background: var(--alumia-brown);
  color: var(--alumia-gold);
}

/* Corrige o font-size do carrinho (WooCommerce Blocks) */
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block * {
  font-size: inherit !important;
  line-height: inherit;
}

/* Mensagens Woo */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{
  background: var(--alumia-gold);
  color: var(--alumia-brown);
  border: 0; border-radius: var(--radius-8);
  font-family: var(--font-sans);
  font-weight: 500;
}


/* ==========================
   6) FIX MOBILE — Header acima, barra da loja abaixo + push-down
   (apenas onde é realmente necessário usar !important)
   ========================== */
@media (max-width: 1024px){
  .elementor-location-header{ position: relative !important; z-index: 1001 !important; }
  nav.alumia-loja-nav{ position: relative !important; z-index: 1 !important; }

  /* Sem rolagem do fundo quando o menu está aberto */
  body.alumia-menu-open{ overflow: hidden; }

  /* Empurra barra/conteúdo pela altura real do dropdown (via JS) */
  body.alumia-menu-open nav.alumia-loja-nav,
  body.alumia-menu-open .site-main,
  body.alumia-menu-open .entry-content{
    margin-top: var(--alumia-menu-offset, 0);
  }

  /* Transição suave do dropdown */
  .elementor-location-header .elementor-nav-menu--dropdown{
    max-height: 0; overflow: hidden; transition: max-height 0.25s ease;
  }
  body.alumia-menu-open .elementor-location-header .elementor-nav-menu--dropdown{
    max-height: 60vh;
  }
}


/* ==========================
   7) BLOG — Moldura escura + papel claro (escopo isolado)
   ========================== */
body.blog-alumia-page{ background: var(--alumia-black); }

.blog-alumia{ color: var(--alumia-brown); font-family: var(--font-sans); }
.blog-alumia .blog-paper{
  background: var(--alumia-paper); color: var(--alumia-brown);
  border-radius: var(--radius-16); box-shadow: var(--shadow-soft);
  max-width: 68ch; margin: 32px auto; padding: clamp(20px, 2.8vw, 36px);
  line-height: 1.7; font-family: var(--font-serif);
  font-size: clamp(1rem, 0.98rem + 0.2vw, 1.12rem);
}

/* Títulos e parágrafos */
.blog-alumia .elementor-widget-theme-post-title,
.blog-alumia h1.entry-title{
  font-family: var(--font-sans);
  color: var(--alumia-brown);
  line-height: 1.25; margin: 0 0 10px; font-weight: 700;
  font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem);
}
.blog-alumia .blog-paper h2,
.blog-alumia .blog-paper h3,
.blog-alumia .blog-paper h4,
.blog-alumia .blog-paper h5{
  font-family: var(--font-sans); color: var(--alumia-brown);
  line-height: 1.3; margin: 1.6em 0 0.6em; scroll-margin-top: 84px;
}
.blog-alumia .blog-paper h2{ font-size: clamp(1.4rem, 1.1rem + 0.9vw, 1.9rem); }
.blog-alumia .blog-paper h3{ font-size: clamp(1.2rem, 1rem + 0.6vw, 1.5rem); }
.blog-alumia .blog-paper h4{ font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem); }
.blog-alumia .blog-paper p{ margin: 0 0 1.1em; }

/* Links */
.blog-alumia .blog-paper a{
  color: var(--alumia-blue);
  text-decoration: underline; text-underline-offset: 2px;
  transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.blog-alumia .blog-paper a:hover{ color: var(--alumia-burnt); }

/* Mídia e blocos */
.blog-alumia .blog-paper img,
.blog-alumia .blog-paper video,
.blog-alumia .blog-paper iframe{ max-width: 100%; height: auto; border-radius: 10px; }
.blog-alumia .blog-paper figure{ margin: 1.6em auto; text-align: center; }
.blog-alumia .blog-paper figcaption{ color: #6b5f5c; font-size: 0.92rem; margin-top: 0.5em; }
.blog-alumia .blog-paper blockquote{
  border-left: 4px solid var(--alumia-blue);
  padding: 0.1em 1em; margin: 1.6em 0;
  color: var(--alumia-brown); background: #fffdf8; border-radius: var(--radius-8);
}

/* Lista de posts (Elementor) */
.blog-alumia .elementor-posts{ gap: clamp(16px, 2vw, 24px); }
.blog-alumia .elementor-post{
  background: #fff; border: 1px solid #efe7dd; border-radius: 12px; overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.blog-alumia .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(62,76,97,0.10);
  border-color: #e7dccd;
}
.blog-alumia .elementor-post__thumbnail img{ aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.blog-alumia .elementor-post__text{ padding: clamp(16px, 1.6vw, 22px); }
.blog-alumia .elementor-post__title{
  font-family: var(--font-sans); color: var(--alumia-brown);
  line-height: 1.28; margin: 0 0 6px; font-weight: 700;
  font-size: clamp(1.15rem, 1.02rem + 0.6vw, 1.5rem);
}
.blog-alumia .elementor-post__excerpt{ color: #6b5f5c; line-height: 1.6; margin-top: 6px; }

/* Paginação */
.blog-alumia .elementor-pagination{
  display: flex; justify-content: center; gap: 10px; margin: 28px 0 8px;
}
.blog-alumia .elementor-pagination a,
.blog-alumia .elementor-pagination span.page-numbers{
  display: inline-block; min-width: 38px; text-align: center;
  padding: 8px 12px; border-radius: 10px;
  background: #fff; color: var(--alumia-blue); text-decoration: none;
  box-shadow: var(--shadow-soft);
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.blog-alumia .elementor-pagination .current{
  background: var(--alumia-blue); color: #fff; transform: translateY(-1px);
}

/* A11y & UX */
.blog-alumia .blog-paper ::selection{ background: var(--alumia-gold); color: var(--alumia-brown); }
.blog-alumia .blog-paper a:focus,
.blog-alumia .elementor-post__title a:focus{ outline: 2px solid var(--alumia-gold); outline-offset: 2px; }
.blog-alumia [id]{ scroll-margin-top: 92px; }

/* Botões do blog mapeados ao padrão institucional */
.blog-alumia .elementor-post__read-more,
.blog-alumia .wp-block-button__link,
.blog-alumia .elementor-button,
.blog-alumia .more-link{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.75em 1.4em; border-radius: var(--radius-10);
  font: 600 1rem/1 var(--font-sans); text-decoration: none;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.2s ease;
  transform-origin: center; will-change: transform;
}
.blog-alumia .elementor-post__read-more:hover,
.blog-alumia .wp-block-button__link:hover,
.blog-alumia .elementor-button:hover,
.blog-alumia .more-link:hover,
.blog-alumia .elementor-post__read-more:focus,
.blog-alumia .wp-block-button__link:focus,
.blog-alumia .elementor-button:focus,
.blog-alumia .more-link:focus{
  background-color: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(0.90);
  box-shadow: 0 6px 20px rgba(255,165,73,0.18);
  outline: none;
}


/* ==========================
   8) CATÁLOGO — Cursos (Elementor)
   Escopo exclusivo: .catalogo-alumia (classe no container raiz)
   (Opcional) Classe no body: .catalogo-alumia-page
   ========================== */

/* Moldura/fundo dessa página (não afeta Woo/Blog) */
body.catalogo-alumia-page{
  background: var(--alumia-sand);
}

/* 8.1 Hero (título + subtítulo) */
.catalogo-alumia .catalog-hero{
  padding: clamp(24px, 4vw, 48px) 0;
  text-align: center;
}
.catalogo-alumia .catalog-hero h1{
  font: 800 clamp(1.6rem, 1.1rem + 1.6vw, 2.4rem)/1.15 var(--font-sans);
  color: var(--alumia-brown);
  margin: 0 0 8px;
}
.catalogo-alumia .catalog-hero .subtitulo{
  font: 500 clamp(1rem, 0.95rem + .4vw, 1.15rem)/1.4 var(--font-sans);
  color: var(--alumia-blue);
  margin: 0;
}

/* 8.2 Barra de filtros (se existir) */
.catalogo-alumia .catalog-filters{
  display: flex; flex-wrap: wrap; gap: 10px;
  justify-content: center;
  margin: 8px 0 18px;
}
.catalogo-alumia .catalog-filters .elementor-button{
  /* Padrão de botão Alumia */
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  font: 600 1rem/1 var(--font-sans);
  padding: .7em 1.2em;
  transition: background-color .3s, color .3s, transform .3s, box-shadow .2s, border-color .3s;
}
.catalogo-alumia .catalog-filters .elementor-button:hover,
.catalogo-alumia .catalog-filters .elementor-button:focus{
  background: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(.96);
  box-shadow: 0 6px 20px rgba(255,165,73,.18);
  outline: none;
}

/* 8.3 Cards (Loop Grid / Posts) */
.catalogo-alumia .e-loop-item,
.catalogo-alumia .elementor-post{
  background: #fff;
  border: 1px solid #efe7dd;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.catalogo-alumia .e-loop-item:hover,
.catalogo-alumia .elementor-post:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(62,76,97,.10);
  border-color: #e7dccd;
}

/* Miniaturas consistentes */
.catalogo-alumia .elementor-post__thumbnail img,
.catalogo-alumia .e-loop-item img{
  aspect-ratio: 16/9; width: 100%; object-fit: cover;
}

/* Conteúdo do card */
.catalogo-alumia .elementor-post__text,
.catalogo-alumia .e-loop-item .elementor-widget-container{
  padding: clamp(14px, 1.6vw, 20px);
}
.catalogo-alumia .elementor-post__title,
.catalogo-alumia .e-loop-item h3,
.catalogo-alumia .e-loop-item h2{
  font: 700 clamp(1.05rem, .95rem + .5vw, 1.35rem)/1.28 var(--font-sans);
  color: var(--alumia-brown);
  margin: 0 0 6px;
}
.catalogo-alumia .elementor-post__excerpt,
.catalogo-alumia .e-loop-item .resumo{
  color: #6b5f5c;
  line-height: 1.6;
  margin-top: 6px;
}

/* Preço (se houver um widget de preço) */
.catalogo-alumia .preco,
.catalogo-alumia .elementor-price{
  color: var(--alumia-burnt);
  font: 700 1.05rem/1 var(--font-sans);
  margin-top: 8px;
}

/* Badge de parceiro (se usar) */
.catalogo-alumia .badge-parceiro{
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff8ee;
  color: var(--alumia-burnt);
  border: 1px dashed var(--alumia-brand);
  border-radius: 999px;
  padding: 6px 10px;
  font: 600 .85rem/1 var(--font-sans);
}

/* 8.4 Botões dos cards (CTA) — padrão Alumia */
.catalogo-alumia .elementor-button,
.catalogo-alumia .wp-block-button__link{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  font: 600 1rem/1 var(--font-sans);
  padding: .8em 1.2em;
  text-decoration: none;
  transition: background-color .3s, color .3s, transform .3s, box-shadow .2s, border-color .3s;
}
.catalogo-alumia .elementor-button:hover,
.catalogo-alumia .wp-block-button__link:hover,
.catalogo-alumia .elementor-button:focus,
.catalogo-alumia .wp-block-button__link:focus{
  background: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(.94);
  box-shadow: 0 6px 20px rgba(255,165,73,.18);
  outline: none;
}

/* 8.5 Paginação do widget de Posts/Loop */
.catalogo-alumia .elementor-pagination{
  display: flex; justify-content: center; gap: 10px; margin: 24px 0 8px;
}
.catalogo-alumia .elementor-pagination a,
.catalogo-alumia .elementor-pagination span.page-numbers{
  display: inline-block; min-width: 38px; text-align: center;
  padding: 8px 12px; border-radius: 10px;
  background: #fff; color: var(--alumia-blue); text-decoration: none;
  box-shadow: var(--shadow-soft);
  transition: background .15s, color .15s, transform .15s;
}
.catalogo-alumia .elementor-pagination .current{
  background: var(--alumia-blue); color: #fff; transform: translateY(-1px);
}

/* 8.6 Acessibilidade e foco */
.catalogo-alumia a:focus{
  outline: 2px solid var(--alumia-gold); outline-offset: 2px;
}

/* 8.7 Responsivo — reduz ruído no mobile */
@media (max-width: 480px){
  .catalogo-alumia .catalog-hero{ padding: 18px 0; }
  .catalogo-alumia .e-loop-item,
  .catalogo-alumia .elementor-post{ border-radius: 10px; }
}


/* ==========================
   9) WOO — SINGLE PRODUCT — Botões no padrão Alumia
   Escopo: apenas páginas de produto (body.single-product)
   Padrão: fundo/borda #FFA549; texto #1E1F23; hover “ghost”.
   ========================== */

/* Botão principal "Adicionar ao carrinho" */
body.single-product .single_add_to_cart_button,
body.single-product .single_add_to_cart_button.button,
body.single-product .single_add_to_cart_button.button.alt{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  padding: 0.9em 1.4em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition:
    background-color .3s ease,
    color .3s ease,
    border-color .3s ease,
    transform .3s ease,
    box-shadow .2s ease;
  transform-origin: center;
}
body.single-product .single_add_to_cart_button:hover,
body.single-product .single_add_to_cart_button:focus{
  background-color: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(0.90);
  box-shadow: 0 6px 20px rgba(255,165,73,.18);
  outline: none;
}
body.single-product .single_add_to_cart_button:active{
  transform: scale(0.88);
}
body.single-product .single_add_to_cart_button:focus-visible{
  outline: 2px solid var(--alumia-gold);
  outline-offset: 2px;
}
/* Desabilitado */
body.single-product .single_add_to_cart_button:disabled,
body.single-product .single_add_to_cart_button.disabled{
  opacity: .6; cursor: not-allowed; transform: none; box-shadow: none;
}

/* “Ver carrinho” (added_to_cart) */
body.single-product a.added_to_cart{
  display: inline-flex; align-items: center; justify-content: center;
  background-color: transparent;
  color: var(--alumia-brand);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  padding: 0.6em 1.0em;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color .3s ease,
    color .3s ease,
    border-color .3s ease,
    transform .3s ease,
    box-shadow .2s ease;
  margin-left: .5rem; /* espaço após o botão principal */
}
body.single-product a.added_to_cart:hover,
body.single-product a.added_to_cart:focus{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  transform: scale(0.98);
}

/* Botões “Adicionar ao carrinho” nos relacionados/up/cross (ainda no single) */
body.single-product .related a.button.add_to_cart_button,
body.single-product .upsells a.button.add_to_cart_button,
body.single-product .cross-sells a.button.add_to_cart_button,
body.single-product .products a.button.add_to_cart_button{
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  padding: 0.7em 1.2em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    background-color .3s ease,
    color .3s ease,
    border-color .3s ease,
    transform .3s ease,
    box-shadow .2s ease;
}
body.single-product .related a.button.add_to_cart_button:hover,
body.single-product .upsells a.button.add_to_cart_button:hover,
body.single-product .cross-sells a.button.add_to_cart_button:hover,
body.single-product .products a.button.add_to_cart_button:hover{
  background-color: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255,165,73,.18);
}

/* ==========================================================
   9) CATÁLOGO — PÁGINA ESPECÍFICA (Elementor Pro Products)
   Escopo total: .catalogo-alumia
   Objetivo: estilizar cards sem interferir no resto do site.
   ========================================================== */

/* 9.0 — Paleta/Tipografia local (opcional; herda do site se remover) */
.catalogo-alumia{
  color: var(--alumia-brown);
  font-family: var(--font-sans);
  background: var(--alumia-sand);
}

/* 9.1 — Card básico (mantém layout/colunas do widget) */
.catalogo-alumia .woocommerce ul.products li.product{
  background: #fff;
  border: 1px solid #efe7dd;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.catalogo-alumia .woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(62,76,97,.10);
  border-color: #e7dccd;
}

/* 9.2 — Miniatura */
.catalogo-alumia .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* 9.3 — Área clicável do card (título, thumb) */
.catalogo-alumia .woocommerce ul.products li.product .woocommerce-LoopProduct-link{
  display: block;
  padding: clamp(14px, 1.6vw, 20px);
}

/* 9.4 — Título do produto */
.catalogo-alumia .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font: 700 clamp(1.05rem, .95rem + .5vw, 1.35rem)/1.28 var(--font-sans);
  color: var(--alumia-brown);
  margin: 0 0 6px;
}

/* 9.4.1 — Força a cor do título no catálogo (vence CSS do widget da página) */
.elementor-1429 .catalogo-alumia .elementor-wc-products ul.products li.product
  .woocommerce-loop-product__title.woocommerce-loop-product__title{
  color: var(--alumia-brown);
}


/* 9.5 — Preço */
.catalogo-alumia .woocommerce ul.products li.product .price{
  color: var(--alumia-burnt);
  font: 700 1.05rem/1 var(--font-sans);
  margin-top: 6px;
}

/* 9.6 — Avaliação (se exibida) */
.catalogo-alumia .woocommerce ul.products li.product .star-rating{
  color: var(--alumia-gold);
  margin-top: 6px;
}

/* 9.7 — Badge de promoção */
.catalogo-alumia .woocommerce ul.products li.product .onsale{
  position: absolute;
  z-index: 2;
  top: 10px; left: 10px;
  background: #fff8ee;
  color: var(--alumia-burnt);
  border: 1px dashed var(--alumia-brand);
  border-radius: 999px;
  padding: 6px 10px;
  font: 700 .78rem/1 var(--font-sans);
}

/* 9.8 — CTA (Adicionar/Selecionar/Detalhes) */
.catalogo-alumia .woocommerce ul.products li.product a.button,
.catalogo-alumia .woocommerce ul.products li.product a.add_to_cart_button,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_simple,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_variable,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_grouped,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_external{
  margin: 10px 12px 14px;
  display: inline-flex; align-items: center; justify-content: center;
  background-color: var(--alumia-brand);
  color: var(--alumia-black);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  padding: .8em 1.2em;
  font: 600 1rem/1 var(--font-sans);
  text-decoration: none;
  box-shadow: none;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s, box-shadow .2s;
}
.catalogo-alumia .woocommerce ul.products li.product a.button:hover,
.catalogo-alumia .woocommerce ul.products li.product a.add_to_cart_button:hover,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_simple:hover,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_variable:hover,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_grouped:hover,
.catalogo-alumia .woocommerce ul.products li.product a.product_type_external:hover,
.catalogo-alumia .woocommerce ul.products li.product a.button:focus,
.catalogo-alumia .woocommerce ul.products li.product a.add_to_cart_button:focus{
  background: transparent;
  color: var(--alumia-brand);
  border-color: var(--alumia-brand);
  transform: scale(.96);
  box-shadow: 0 6px 20px rgba(255,165,73,.18);
  outline: none;
}

/* 9.9 — Link “Ver carrinho” após adicionar */
.catalogo-alumia .woocommerce ul.products li.product a.added_to_cart{
  margin-left: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent;
  color: var(--alumia-brand);
  border: 2px solid var(--alumia-brand);
  border-radius: var(--radius-10);
  padding: .6em 1em;
  font: 600 .95rem/1 var(--font-sans);
  text-decoration: none;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s, box-shadow .2s;
}
.catalogo-alumia .woocommerce ul.products li.product a.added_to_cart:hover,
.catalogo-alumia .woocommerce ul.products li.product a.added_to_cart:focus{
  background: var(--alumia-brand);
  color: var(--alumia-black);
  transform: scale(.98);
}

/* 9.10 — Paginação do widget de produtos */
.catalogo-alumia .woocommerce nav.woocommerce-pagination ul.page-numbers{
  display: flex; justify-content: center; gap: 10px; margin: 24px 0 8px;
}
.catalogo-alumia .woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.catalogo-alumia .woocommerce nav.woocommerce-pagination ul.page-numbers li span{
  display: inline-block; min-width: 38px; text-align: center;
  padding: 8px 12px; border-radius: 10px;
  background: #fff; color: var(--alumia-blue); text-decoration: none;
  box-shadow: var(--shadow-soft);
  transition: background .15s, color .15s, transform .15s;
}
.catalogo-alumia .woocommerce nav.woocommerce-pagination ul.page-numbers li .current{
  background: var(--alumia-blue); color: #fff; transform: translateY(-1px);
}

/* ==========================================================================
   [Alumia] WooCommerce Blocks – Tradução visual do rótulo de totais
   --------------------------------------------------------------------------
   Objetivo: Exibir "Valor total" no lugar de "Estimated total" nos totais do
   carrinho/checkout do WooCommerce Blocks.

   Contexto HTML:
   <span class="wc-block-components-totals-item__label">Estimated total</span>

   Método: CSS apenas visual (hack). Esconde o texto original e injeta o novo
   via ::after. Mantém o layout, sem alterar o DOM.

   Escopo: limitado à loja (container .loja-alumia) para não afetar o site
   institucional/blog.

   Observações importantes:
   - Acessibilidade/SEO: leitores de tela e mecanismos ainda "veem" o texto
     original. Quando possível, migrar para substituição via JS para alterar o
     conteúdo real do DOM.
   - Manutenção: se o Woo Blocks mudar a classe/nome do rótulo, revisar este
     seletor.

   Última revisão: 2025-09-23
   ========================================================================== */

/* Substitui o texto visualmente */
.wc-block-components-totals-item__label {
  visibility: hidden;
  position: relative;
}
.wc-block-components-totals-item__label::after {
  content: "Valor total";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}