/*
Theme Name: Porto Child
Theme URI: https://aliancacapital.com/
Description: Tema filho do Porto. Todas as customizacoes de CSS e de funcoes ficam aqui, para sobreviverem as atualizacoes do tema Porto. Nao editar o tema pai.
Author: Alianca Capital
Author URI: https://aliancacapital.com/
Template: porto
Version: 1.0.0
Requires PHP: 7.4
Text Domain: porto-child
*/

/* ==========================================================================
   Customizacoes do projeto ficam abaixo desta linha.
   Cor da marca deve ser definida pelo painel de opcoes do Porto (skin),
   nao aqui. Este arquivo e para ajuste fino que o painel nao cobre.
   ========================================================================== */


/* =========================================================
   EDITORA CARISMA - ajustes finos do cabecalho
   Escrito no tema filho para sobreviver as atualizacoes do Porto.
   ========================================================= */

/* Barra de contato do topo: telefone, e-mail e Fale Conosco
   alinhados a direita, como no site atual da editora. */
.elementor-element-ea10c91 { width: 100%; flex: 1 1 100%; }
.elementor-element-ea10c91 .elementor-icon-list-items { justify-content: flex-end; }

/* Barra laranja de categorias: menu centralizado. */
.elementor-element-c1d2db7 .elementor-widget-wrap { justify-content: center; }
.elementor-element-c1d2db7 ul.main-menu { margin-left: auto; margin-right: auto; }

/* Rodape: telefone do SAC em uma linha so. */
.elementor-element-73fb786 { white-space: nowrap; font-size: 20px; line-height: 1.3; }

/* Rodape: endereco com respiro. */
.elementor-element-04afa6e { line-height: 1.6; }
/* fim RODAPE */

/* ===== CELULAR =====
   No celular o menu vai para o botao sanduiche e a barra laranja fica vazia,
   sobrando um risco de 1px. Escondo a barra abaixo de 992px. */
@media (max-width: 991px) {
  .elementor-element-c1d2db7 { display: none !important; }
}
/* fim CELULAR */

/* ===== BOTAO LEIA UM TRECHO (gatilho do flipbook DearFlip) =====
   Reproduz o botao do site atual da editora: 134x28, laranja #fc9900,
   texto branco de 12px, canto de 3px e icone de livro.
   O DearFlip gratuito so abre o popup pelo gatilho tipo thumb, entao o
   thumb e escondido e desenhado como botao. Sem custo de licenca. */
._df_thumb.df-popup-thumb {
  width: 134px !important;
  height: 28px !important;
  min-height: 0 !important;
  max-width: 134px !important;
  margin: 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background-color: #fc9900 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 11px center !important;
  background-size: 12px 12px !important;
  box-shadow: none !important;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: block;
}
._df_thumb.df-popup-thumb > * { display: none !important; }
._df_thumb.df-popup-thumb::after {
  content: 'LEIA UM TRECHO';
  display: block;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  padding-left: 30px;
  white-space: nowrap;
}
._df_thumb.df-popup-thumb:hover { background-color: #e08800 !important; }
/* fim BOTAO LEIA UM TRECHO */

/* Botao "Leia um trecho" na nova posicao: linha propria, abaixo da lista de desejos. */
.elementor-element-f565538 { flex-wrap: wrap; }
.elementor-element-f565538 .carisma-leia-trecho { flex: 1 1 100%; margin-top: 18px; }

/* ===== HOME: blocos de demonstracao escondidos a pedido do Renato (04/08/2026)
   "vamos esconder esses containers.. futuramente a gente ativa"
   Sao os tres banners AWARD WINNERS / DEALS IN BOOKS / MOST GIFTED.
   Nada foi apagado. Para reativar, e so remover a regra abaixo. ===== */
.elementor-element-dbf8622 { display: none !important; }




/* =========================================================
   05/08/2026 - FONTE POPPINS + CAMADA VISUAL PREMIUM
   Pedido do cliente: aplicar no site o estilo da amostra
   premium enviada por e-mail, trocando a tipografia da
   amostra (Fraunces+Inter) por Poppins, que ele pediu.
   So troca fonte, espacamento e cartoes via CSS. Nao esconde
   nem remove nenhum conteudo do cliente.
   Fonte carregada em functions.php (carisma_fonte_poppins).
   Para reverter: apagar este bloco ate "FIM POPPINS PREMIUM".
   ========================================================= */

body,
p, li, span, td, th, label, input, textarea, select,
.elementor-widget-text-editor, .elementor-widget-theme-post-content,
.woocommerce-Price-amount, .price,
.main-menu > li > a, .main-menu a,
.widget-title, .footer-widget-area, .footer-widget-area p, .footer-widget-area li,
.product_title, .entry-title, .page-title,
.elementor-button, .elementor-button-text, .button, .add_to_cart_button,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.summary .product_meta, .summary .sku_wrapper, .summary .posted_in,
.breadcrumbs, .comment-content, .comment-form label {
  font-family: 'Poppins', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.woocommerce ul.products li.product h2,
.woocommerce div.product .product_title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* ---- Camada visual premium: cartoes, botoes, respiro ---- */

.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 14px;
  padding: 18px 14px 22px;
  box-shadow: 0 2px 14px rgba(43,38,32,0.08);
  transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 24px rgba(43,38,32,0.14);
  transform: translateY(-2px);
}
.woocommerce ul.products li.product img {
  border-radius: 10px;
}

.elementor-button, .button, .add_to_cart_button, .single_add_to_cart_button {
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.woocommerce div.product div.images, .woocommerce div.product div.summary {
  padding-top: 12px;
  padding-bottom: 12px;
}

.elementor-section { padding-top: 48px; padding-bottom: 48px; }

/* fim POPPINS PREMIUM */

/* ==========================================================================
   MINIATURAS DE PRODUTO COM ALTURA UNIFORME
   Caixa de proporcao fixa 2:3 (formato de livro) para cada capa.
   A capa entra inteira, centralizada, sem corte. Capa fora do padrao
   aparece com espaco em branco em vez de esticar a fileira.
   ========================================================================== */

.porto-tb-featured-image.product-image > a.img-thumbnail {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  background-color: #ffffff;
  overflow: hidden;
  padding: 0;
}

.porto-tb-featured-image.product-image > a.img-thumbnail > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

@supports not (aspect-ratio: 2 / 3) {
  .porto-tb-featured-image.product-image > a.img-thumbnail {
    height: 0;
    padding-bottom: 150%;
  }
}

/* fim MINIATURAS UNIFORMES */

/* Botao LEIA UM TRECHO centralizado abaixo da capa, no padrao do site antigo. */
.elementor-widget-porto_cp_image .carisma-leia-trecho {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

/* fim LEIA UM TRECHO ABAIXO DA CAPA */

/* =====================================================================
   CORRECAO: fonte de icone nas setas de navegacao entre produtos

   A regra da Poppins mira "span" com !important. As setas do Porto sao
   <span> com o simbolo em ::before, entao herdavam Poppins e viravam
   quadradinho. Aqui devolvemos a fonte de icone SO para esses spans.

   Nao mexemos em <i>: a regra da Poppins nao mira essa tag, entao
   Font Awesome e afins ja funcionam sozinhos.
   ===================================================================== */

.product-nav .product-link,
.product-nav .product-popup,
.product-nav .product-link::before,
.product-nav .product-popup::before,
span[class^="porto-icon-"], span[class*=" porto-icon-"],
span[class^="porto-icon-"]::before, span[class*=" porto-icon-"]::before {
  font-family: "porto" !important;
}

/* fim CORRECAO fontes de icone */

/* ===== RODAPE CNPJ CENTRALIZADO =====
   Barra inferior do rodape: copyright e CNPJ no centro da pagina,
   icones sociais logo abaixo, tambem centralizados. */
.elementor-element-39b2ceb > .elementor-container { flex-wrap: wrap; }
.elementor-element-39b2ceb > .elementor-container > .elementor-column { width: 100%; flex: 1 1 100%; max-width: 100%; }
.elementor-element-39b2ceb .elementor-element-13e27c7,
.elementor-element-39b2ceb .elementor-element-13e27c7 p { text-align: center !important; }
.elementor-element-39b2ceb .elementor-widget-wrap { justify-content: center !important; }
.elementor-element-39b2ceb .share-links,
.elementor-element-39b2ceb .porto-social-icons { text-align: center !important; justify-content: center !important; display: flex; flex-wrap: wrap; }
/* fim RODAPE CNPJ CENTRALIZADO */