/* pa: correções de tela aprovadas pelo Bruno em 10/10/2026 (via Controlador).
   Receitas: pesquisa/criticos-ui/2026-10-10/antes-depois/correcoes.md (ids no comentário de cada bloco).
   Carregado por último no layout; JS irmão em js/pa-correcoes.js. Não toca fundo/cabeçalho transparente/banner da home (áreas congeladas). */

/* 1.6 — faixa da busca com fundo firme ao rolar. Só categoria/busca: na home o cabeçalho transparente é área congelada. */
body.template-category .head-main, body.template-category .js-head-main, body.template-category .js-big-search-mobile,
body.template-search .head-main, body.template-search .js-head-main, body.template-search .js-big-search-mobile { background: #FDF4E6 !important; opacity: 1 !important; backdrop-filter: none !important; }

/* 2.1 — "Filtrar e ordenar" some quando a lista acaba */
.pa-fab-filtro.pa-fab-oculto { opacity: 0 !important; visibility: hidden !important; pointer-events: none; }

/* 2.2 — painel "Filtrar" só com filtros (ordenar fica no botão Ordenar) */
#nav-filters .pa-filtro-ordenar { display: none !important; }

/* 2.3 — filtro de preço: título, valor em R$ e botão com respiro */
#nav-filters .js-price-filter-container .js-price-filter-btn { font-family: Montserrat, sans-serif !important; font-weight: 600 !important; background: #3B1E0F !important; color: #FDF4E6 !important; border-radius: 4px !important; border: 0 !important; display: block !important; width: 100%; margin-top: 16px !important; height: 44px; opacity: 1 !important; background-image: none !important; filter: none !important; }
#nav-filters .pa-preco-titulo { font-family: Montserrat, sans-serif; font-weight: 700; font-size: 16px; color: #3B1E0F; margin: 0 0 8px; }

/* 2.4 — nome do perfume no card sem reticências (o JS tira marca/concentração repetidas) */
.pa-card .js-item-name { -webkit-line-clamp: 2; white-space: normal; }

/* 2.5 — "Comprar" do card igual ao do início: largo, sem ícone */
.template-category .pa-cat-buy .btn.cart, .template-category .pa-cat-buy .btn { width: 100% !important; margin: 0 !important; display: block; }
.template-category .pa-cat-buy .btn svg, .template-category .pa-cat-buy .btn .icon-inline { display: none !important; }
.template-category .pa-card .item-actions button.btn::before, .template-search .pa-card .item-actions button.btn::before { content: none !important; display: none !important; }

/* 2.6 — "Avise-me" com sino (ícone vem do JS) */
.pa-embreve-btn svg:not(.pa-sino) { display: none !important; }

/* 2.7 — card sem parcelamento segura a altura do vizinho */
.template-category .pa-card .item-price-container { min-height: 46px; }

/* 2.8 (ajuste Bruno) — "3 x de R$82,83" numa linha e "sem juros" inteiro na linha de baixo (o JS põe a quebra) */
.pa-top5 .pa-card__parcela { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; min-height: 2.8em; line-height: 1.4; }
.pa-top5 .pa-card__parcela .pa-parcela-valor, .pa-top5 .pa-card__parcela .pa-parcela-sem { display: block; white-space: nowrap; }

/* 2.9 — abas da home no mesmo estilo */
.template-home .pa-abas button, .template-home .pa-abas a, .template-home .pa-abas [role=tab] { font-family: Montserrat, sans-serif !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 16px !important; }

/* 2.12 (ajuste Bruno; critico-ui: blur só com .pa-js no <html>, ligada pelo JS — sem JS a foto fica nítida) — placeholder em blur enquanto a foto da vitrine carrega (imagens nativas loading=lazy) */
.pa-vit .pa-card__foto, .pa-top5 .pa-card__foto { background: linear-gradient(135deg, #F3E3C3 0%, #FBF3E6 50%, #F3E3C3 100%); }
.pa-vit .pa-card__foto img, .pa-top5 .pa-card__foto img { background: transparent; }
.pa-js .pa-vit .pa-card__foto img:not([data-pa-ok]), .pa-js .pa-top5 .pa-card__foto img:not([data-pa-ok]) { filter: blur(14px); transform: scale(1.04); }
.pa-js .pa-vit .pa-card__foto img[data-pa-ok], .pa-js .pa-top5 .pa-card__foto img[data-pa-ok] { filter: none; transform: none; transition: filter .35s ease, transform .35s ease; }

/* 3.2 — cards relacionados da ficha: Comprar (a parcela volta em pa-produto.css) */
/* o Comprar dos relacionados repete o do card de categoria (pa-categoria.css não carrega na ficha) */
.template-product #related-products .pa-card .item-actions { display: block; position: relative; z-index: 3; padding-top: 12px; margin: auto 0 0; width: auto; }
.template-product #related-products .pa-card .item-actions form { margin: 0; }
.template-product #related-products .pa-card .item-actions .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 0 8px; white-space: nowrap; border: 0; border-radius: 4px; background-color: #3B1E0F; color: #FDF4E6; font: 600 12px/1 Montserrat, sans-serif; letter-spacing: 0; text-transform: none; cursor: pointer; text-decoration: none; }
.template-product #related-products .pa-card .item-actions .btn:hover, .template-product #related-products .pa-card .item-actions .btn:focus-visible { background-color: #1A0F0A; color: #FDF4E6; }

/* 3.3 (ajuste Bruno) — aviso de adicionado: "1 x R$354,00" e "Ver carrinho" dentro do card */
.js-cart-notification-item .d-flex { gap: 5px; }
.js-cart-notification-item .pa-notif-ver-carrinho { display: block; margin-top: 8px; text-decoration: underline; color: #3B1E0F; white-space: normal; }
/* 14/10 (bug iPhone): o link escapava da caixa; a coluna de texto passa a conter o fluxo e a caixa ganha respiro embaixo */
.notification-cart-container .notification-cart { padding-bottom: 14px; }
.js-cart-notification-item.row { height: auto !important; max-height: none !important; flex-wrap: nowrap; align-items: flex-start; }
.js-cart-notification-item.row > .col { min-width: 0; }
.js-cart-notification-item.row > .notification-img { flex: 0 0 55px; }
#product_form .pa-msg-adicionado .js-added-to-cart-product-message { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }

/* 3.6 — títulos dos acordeões na mesma fonte */
.pa-acc__bt { font-family: 'EB Garamond', serif !important; font-size: 22px !important; font-weight: 500 !important; }

/* 3.9 — linha escura na borda da foto principal (ponta da foto seguinte) */
.js-product-detail .swiper-container, .js-product-detail .js-swiper-product { overflow: hidden !important; clip-path: inset(0 1px 0 0); }

/* 4.1 (ajuste Bruno) — botões do carrinho RETANGULARES e PRETOS (#1A0F0A), nada marrom */
.pa-cart-cta, .pa-btn--primario, #go-to-checkout { border-radius: 4px !important; background: #1A0F0A !important; border-color: #1A0F0A !important; color: #FDF4E6 !important; }
/* 12/10 (checkout neutro, Bruno) — botão de finalizar do carrinho em marrom #3B1E0F, texto branco */
#go-to-checkout, .pa-cart-cta { background: #3B1E0F !important; border-color: #3B1E0F !important; color: #FFFFFF !important; border-radius: 4px !important; height: 52px; min-height: 52px; font-family: "Montserrat","Helvetica Neue",Arial,sans-serif; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; justify-content: center; align-items: center; text-align: center; }
#go-to-checkout:hover, .pa-cart-cta:hover { background: #2A150A !important; }
a.pa-btn.pa-btn--vazado, a.pa-cart-continuar { border-radius: 4px !important; border: 1px solid #1A0F0A !important; color: #1A0F0A !important; background: transparent !important; }
a.pa-btn.pa-btn--vazado:hover, a.pa-cart-continuar:hover { background: #1A0F0A !important; color: #FDF4E6 !important; }

/* 5.4 — logo do Pix no rodapé com a mesma força dos outros */
.pa-rodape img, .pa-rodape svg { opacity: 1 !important; }
.pa-rodape [class*=pix], .pa-rodape img[src*=pix], .pa-rodape img[alt*=Pix], .pa-rodape img[alt*=pix], .pa-rodape [title*=Pix] { opacity: 1 !important; filter: brightness(1.9) saturate(1.8) !important; }

/* 5.5 — tabela de contato alinhada e subtítulo na fonte dos títulos (só páginas de conteúdo) */
.template-page main table th, .template-page main table td, .template-contact main table th, .template-contact main table td { text-align: left !important; vertical-align: top; padding: 10px 8px !important; border-bottom: 1px solid #E8D5C0; }
.template-page main table th, .template-contact main table th { background: #F3E3C3; color: #3B1E0F; }
.template-page main h2, .template-page .user-content h2, .template-contact main h2, .template-contact .user-content h2 { font-family: 'EB Garamond', serif !important; font-weight: 500 !important; color: #3B1E0F !important; font-size: 28px !important; }

/* 5.6 (ajuste Bruno) — login: fundo creme, botão RETANGULAR preto */
body.template-account-login, body.template-account-login main, body.template-account-login main .container, body.template-account-login main section { background-color: #FDF4E6 !important; }
body.template-account-login .account-page input:not([type=submit]):not([type=checkbox]) { background: #fff !important; }
body.template-account-login .account-page .btn-primary, body.template-account-login .account-page input[type=submit] { border-radius: 4px !important; background: #1A0F0A !important; border-color: #1A0F0A !important; font-family: Montserrat, sans-serif !important; font-weight: 600 !important; }

/* 5.7 (+5.6) — caminho "Início › Página" em vez de "."; alinhado à esquerda em carrinho e conta */
.breadcrumbs .separator { font-size: 0; margin: 0 var(--pa-e-4, 4px); }
.breadcrumbs .separator::before { content: "›"; font-size: 14px; color: var(--pa-tinta-2, #6C5445); }
.template-cart .breadcrumbs, .template-account-login .breadcrumbs { text-align: left; justify-content: flex-start; }

/* 2.11 — seta de "Amadeirados›" com respiro */
.pa-cat-perfil__nome { gap: 6px; }

/* Relacionados alinhados (Bruno, 14/10): slide estica, card em coluna, bloco de ação no rodapé — "Chega em breve" + Avise-me e Comprar fecham na mesma linha */
.template-product #related-products .swiper-wrapper { align-items: stretch; }
.template-product #related-products .swiper-slide.pa-card { height: auto; display: flex; }
.template-product #related-products .swiper-slide.pa-card > .item { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; min-width: 0; }
.template-product #related-products .pa-card .item-description { display: flex; flex-direction: column; flex: 1 1 auto; }
.template-product #related-products .pa-card .item-link { flex: 1 1 auto; }
.template-product #related-products .pa-card .item-actions { margin-top: auto; }