/* ÉTER — estilos de loja (WooCommerce) */
.woocommerce, .woocommerce-page { color: var(--eter-ink); }
.woocommerce a.button, .woocommerce button.button, .woocommerce .button,
.woocommerce #respond input#submit {
background: var(--eter-ink);
color: #fff;
border-radius: 999px;
padding: 12px 26px;
font-size: 14px;
font-weight: 500;
border: 0;
text-transform: none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #000; opacity: .9; }
.woocommerce .button.alt { background: var(--eter-ink); }
/* ---------- Listagem (loja / coleção) ---------- */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 0; padding: 0; }
.woocommerce ul.products li.product { width: auto; margin: 0; text-align: left; float: none; }
.woocommerce ul.products li.product img { border-radius: 4px; aspect-ratio: 4/5; object-fit: cover; background: #f1f1ef; }
.woocommerce ul.products li.product .eter-loop-label { display: block; color: #d0021b; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-top: 14px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px; padding: 2px 0; font-weight: 600 !important; color: var(--eter-ink); }
.woocommerce ul.products li.product .eter-loop-sub { display: block; color: #888; font-size: 13px; line-height: 1.4; margin: 0 0 4px; }
.woocommerce ul.products li.product .price { font-size: 14px; color: var(--eter-ink) !important; font-weight: 600; }
.woocommerce ul.products li.product .price del { color: #bbb; font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin-bottom: 22px; }
@media (max-width: 720px) { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } }
/* ---------- Página de produto ---------- */
.single-product div.product { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; }
.single-product div.product .woocommerce-product-gallery { width: 100% !important; margin: 0; }
.single-product div.product .woocommerce-product-gallery__image img { border-radius: 10px; }
.single-product div.product .product_title { font-size: 26px; font-weight: 500; margin: 0 0 8px; }
.single-product div.product p.price { font-size: 19px; color: var(--eter-ink); margin: 0 0 22px; }
.single-product div.product p.price del { color: #bbb; }
.single-product .woocommerce-product-details__short-description { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 20px; }
/* Seletores de variação como botões/círculos */
.single-product table.variations { border: 0; margin: 0 0 20px; }
.single-product table.variations td, .single-product table.variations th { border: 0; padding: 0 0 16px; display: block; text-align: left; }
.single-product table.variations th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--eter-muted); padding-bottom: 8px; }
.eter-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.eter-swatch {
min-width: 44px; text-align: center; padding: 9px 14px;
border: 1px solid #ddd; border-radius: 8px; cursor: pointer; font-size: 13px; background: #fff;
}
.eter-swatch.is-active { border-color: var(--eter-ink); color: var(--eter-ink); }
.eter-swatch.is-disabled { color: #ccc; text-decoration: line-through; cursor: not-allowed; border-color: #eee; }
.eter-swatch--color { width: 28px; height: 28px; min-width: 0; padding: 0; border-radius: 50%; }
.eter-swatch--color.is-active { outline: 1px solid var(--eter-ink); outline-offset: 2px; border-color: #fff; }
.single-product .variations select { display: none; }
.single-product .single_add_to_cart_button { width: 100%; }
.single-product .quantity { margin-bottom: 12px; }
/* Acordeão (substitui os separadores) */
.eter-accordion { border-top: 0.5px solid rgba(0,0,0,.1); margin-top: 28px; }
.eter-acc-head {
display: flex; justify-content: space-between; align-items: center;
padding: 16px 0; font-size: 14px; cursor: pointer; border-bottom: 0.5px solid var(--eter-line);
}
.eter-acc-head::after { content: "+"; color: var(--eter-muted); font-size: 18px; }
.eter-acc-item.is-open .eter-acc-head::after { content: "\2013"; }
.eter-acc-body { display: none; padding: 6px 0 18px; font-size: 14px; line-height: 1.7; color: #555; }
.eter-acc-item.is-open .eter-acc-body { display: block; }
.woocommerce-tabs ul.tabs, .woocommerce-tabs .panel > h2:first-child { display: none; }
@media (max-width: 820px) { .single-product div.product { grid-template-columns: 1fr; gap: 22px; } }
/* ---------- Página de carrinho ---------- */
.woocommerce table.shop_table { border-radius: 10px; border-color: var(--eter-line); }
.woocommerce-cart table.cart img { width: 64px; border-radius: 6px; }
.cart-collaterals .cart_totals h2 { font-size: 18px; font-weight: 500; }
/* ---------- Checkout ---------- */
.woocommerce-checkout #payment { background: var(--eter-soft); border-radius: 10px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout select { border: 1px solid #ddd; border-radius: 8px; padding: 11px 14px; }
/* ---------- Área de cliente ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation { width: 22%; }
.woocommerce-account .woocommerce-MyAccount-content { width: 72%; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-right: 0.5px solid var(--eter-line); }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a {
display: flex; align-items: center; gap: 10px; padding: 11px 14px;
font-size: 14px; color: #666; border-radius: 8px;
}
.woocommerce-MyAccount-navigation li.is-active a { background: var(--eter-stone); color: var(--eter-ink); }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-size: 17px; font-weight: 500; }
/* Encomendas em cartões */
.eter-orders { display: flex; flex-direction: column; gap: 12px; }
.eter-order-card { border: 0.5px solid rgba(0,0,0,.1); border-radius: 10px; padding: 16px; }
.eter-order-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.eter-order-no { font-size: 14px; margin: 0; }
.eter-order-meta { font-size: 12px; color: var(--eter-muted); margin: 2px 0 0; }
.eter-order-status { font-size: 11px; padding: 4px 11px; border-radius: 999px; background: #f0f0ee; color: #666; }
.eter-order-status.is-processing, .eter-order-status.is-completed { background: #eaf6ee; color: #1d7a45; }
.eter-order-thumbs { display: flex; gap: 8px; align-items: center; }
.eter-order-thumbs img { width: 40px; height: 50px; border-radius: 5px; object-fit: cover; }
.eter-order-actions { margin-left: auto; }
.eter-order-actions a { font-size: 13px; text-decoration: underline; color: var(--eter-ink); }
/* ---------- Painel lateral do carrinho (drawer) ---------- */
.eter-drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.3); z-index: 998; opacity: 0; transition: opacity .25s ease; }
.eter-drawer-overlay.is-open { opacity: 1; }
.eter-drawer {
position: fixed; top: 0; right: 0; height: 100%; width: 360px; max-width: 88vw;
background: #fff; z-index: 999; transform: translateX(100%); transition: transform .28s ease;
display: flex; flex-direction: column; box-shadow: -8px 0 30px rgba(0,0,0,.08);
}
.eter-drawer.is-open { transform: translateX(0); }
.eter-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 0.5px solid var(--eter-line); }
.eter-drawer-title { font-size: 15px; font-weight: 500; }
.eter-drawer-close { background: none; border: 0; font-size: 24px; line-height: 1; cursor: pointer; color: var(--eter-ink); }
.eter-drawer .widget_shopping_cart_content { flex: 1; overflow-y: auto; padding: 12px 20px; }
.eter-drawer .woocommerce-mini-cart__total { display: flex; justify-content: space-between; font-size: 14px; padding: 14px 0; border-top: 0.5px solid var(--eter-line); }
.eter-drawer .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 8px; }
.eter-drawer .woocommerce-mini-cart__buttons .button { width: 100%; text-align: center; }
.eter-drawer ul.cart_list li { padding: 14px 0; border-bottom: 0.5px solid var(--eter-line); list-style: none; }
.eter-drawer ul.cart_list { padding: 0; margin: 0; }
/* ---------- Correções v1.2 ---------- */
/* Botão preto a sério (vence as cores globais do Elementor) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce .button.alt, .woocommerce-page .button {
background-color: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover, .woocommerce .button.alt:hover {
background-color: #000 !important;
}
/* Etiqueta de promoção monocromática */
.woocommerce span.onsale {
background: #111 !important;
color: #fff !important;
border-radius: 999px !important;
font-size: 10px !important;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 4px 11px !important;
min-height: 0 !important;
min-width: 0 !important;
line-height: 1.4 !important;
position: absolute !important;
top: 3% !important;
left: 3% !important;
right: auto !important;
margin: 0 !important;
z-index: 3;
}
/* Botão de favorito alinhado junto à quantidade */
.single-product .summary .eter-wishlist-btn {
border: 1px solid #ddd; border-radius: 8px; width: 44px; height: 44px;
display: inline-flex; align-items: center; justify-content: center; vertical-align: top;
}
/* ---------- Login / Registo (cartão central) ---------- */
body.woocommerce-account:not(.logged-in) .woocommerce {
max-width: 100%;
margin: 0 auto;
padding: 56px 16px;
box-sizing: border-box;
}
body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .u-column1 > h2,
body.woocommerce-account:not(.logged-in) .u-column2 > h2 { display: none; }
.eter-auth { background: transparent; padding: 0; width: 100%; }
.eter-auth-card {
background:#fff; border:1px solid var(--eter-line); border-radius:14px;
padding:36px 32px; max-width:420px; margin:0 auto; box-sizing: border-box;
}
.eter-auth-card h1 { font-size:22px; font-weight:500; text-align:center; margin:0 0 22px; }
.eter-seg { display:flex; background:#f1f1ef; border-radius:999px; padding:4px; margin-bottom:24px; }
.eter-seg button {
flex:1; border:0; background:none; font-size:13px; padding:8px 0; border-radius:999px;
cursor:pointer; color:#888;
}
.eter-seg button.is-active { background:#fff; color:#111; box-shadow:0 1px 2px rgba(0,0,0,0.06); }
.eter-auth .woocommerce-form { border:0 !important; padding:0 !important; margin:0 !important; }
.eter-auth .woocommerce-form-register[hidden] { display:none; }
.eter-auth .woocommerce-form-login[hidden] { display:none; }
.eter-auth label {
font-size:13px;
color:#666;
text-transform:none;
letter-spacing:0;
font-weight:500;
margin-bottom:6px;
display:block;
}
.eter-auth input.input-text {
width:100%; border:1px solid #ddd; border-radius:9px; padding:11px 14px; font-size:14px; box-sizing:border-box;
background:#fff;
transition:border-color 0.15s ease;
}
.eter-auth input.input-text:focus {
outline:0; border-color:#111;
}
.eter-auth .woocommerce-form-login__submit,
.eter-auth .woocommerce-form-register__submit { width:100%; margin-top:6px; }
.eter-auth-card .lost_password a {
color:#666; font-size:13px; text-decoration:underline;
}
.eter-auth-card .lost_password a:hover { color:#111; }
/* ---------- Checkout (v1.3) ---------- */
.eter-header--checkout { justify-content: space-between; }
.eter-header--checkout .eter-logo { position: absolute; left: 50%; transform: translateX(-50%); }
.eter-header--checkout .eter-checkout-back,
.eter-header--checkout .eter-checkout-secure { font-size: 12px; color: #888; }
.eter-footer--checkout {
display: flex; align-items: center; justify-content: space-between;
padding: 18px 32px; background: #fff; border-top: 0.5px solid var(--eter-line);
}
.eter-footer--checkout .copy { font-size: 12px; color: var(--eter-muted); }
.eter-footer--checkout .eter-lang { color: var(--eter-muted); border-color: rgba(0,0,0,.15); }
.woocommerce-checkout .eter-main { padding: 0; }
.woocommerce-checkout form.checkout.woocommerce-checkout {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 0;
align-items: start;
max-width: 1100px;
margin: 0 auto;
}
.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; padding: 38px 36px; border-right: 0.5px solid var(--eter-line); }
.woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; padding: 38px 30px 0; margin: 0; background: var(--eter-soft); font-size: 15px; font-weight: 500; }
.woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; padding: 16px 30px 38px; background: var(--eter-soft); }
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; margin: 0 0 18px; }
.woocommerce-checkout h3 { font-size: 15px; font-weight: 500; }
.woocommerce-checkout #payment { background: transparent; padding: 0; }
.woocommerce-checkout #place_order { width: 100%; margin-top: 8px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table { border: 0; }
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td { padding: 8px 0; }
@media (max-width: 820px) {
.woocommerce-checkout form.checkout.woocommerce-checkout { grid-template-columns: 1fr; }
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review { grid-column: 1; }
.woocommerce-checkout #customer_details { grid-row: auto; border-right: 0; border-bottom: 0.5px solid var(--eter-line); }
.woocommerce-checkout #order_review_heading { grid-row: auto; }
.woocommerce-checkout #order_review { grid-row: auto; }
.eter-header--checkout .eter-checkout-back span { display: none; }
}
/* ---------- Galeria ÉTER (v1.4) ---------- */
.eter-gallery-main { background: var(--eter-stone); border-radius: 10px; overflow: hidden; }
.eter-gallery-main img { width: 100%; aspect-ratio: 4/5; object-fit: cover; cursor: zoom-in; display: block; }
.eter-gallery-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.eter-thumb { padding: 0; border: 1px solid transparent; border-radius: 6px; overflow: hidden; cursor: pointer; background: var(--eter-stone); }
.eter-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.eter-thumb.is-active { border-color: var(--eter-ink); }
.eter-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.85); z-index: 1000; display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.eter-lightbox img { max-width: 90%; max-height: 90%; border-radius: 8px; }
/* Esconder mesmo as listas pendentes de variação (usamos swatches) */
.single-product table.variations td.value select,
.single-product .variations_form .variations select { display: none !important; }
.single-product .reset_variations { font-size: 12px; color: var(--eter-muted); }
/* ---------- Menu de telemóvel + flex responsivo (v1.4) ---------- */
.eter-burger { display: none; background: none; border: 0; cursor: pointer; flex-direction: column; gap: 5px; padding: 6px; }
.eter-burger span { display: block; width: 22px; height: 1.5px; background: var(--eter-ink); transition: transform .25s, opacity .25s; }
.eter-burger.is-open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.eter-burger.is-open span:nth-child(2) { opacity: 0; }
.eter-burger.is-open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
.eter-mobile-nav { display: none; flex-direction: column; border-bottom: 0.5px solid var(--eter-line); background: #fff; list-style: none; margin: 0; padding: 0; }
.eter-mobile-nav.is-open { display: flex; }
.eter-mobile-nav li { list-style: none; margin: 0; }
.eter-mobile-nav a { display: block; padding: 14px 24px; font-size: 15px; border-top: 0.5px solid var(--eter-line); color: var(--eter-ink); }
@media (max-width: 720px) {
.eter-burger { display: flex; }
.eter-header { padding: 12px 16px; }
.eter-logo { font-size: 17px; letter-spacing: 0.22em; }
.eter-actions { gap: 14px; }
.eter-hero { padding: 56px 18px 60px; }
.eter-hero h1 { font-size: 32px; }
.eter-section { padding: 40px 18px; }
}
/* ---------- Grelha de loja robusta + listagem limpa (v1.5) ---------- */
.woocommerce ul.products, .woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 360px)) !important;
grid-auto-flow: row !important;
justify-content: start !important;
justify-items: stretch !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
clear: both !important;
}
/* Os textos do topo do arquivo deixam de "empurrar" a grelha */
.woocommerce .woocommerce-result-count { float: none !important; margin: 0 0 14px !important; }
.woocommerce .woocommerce-ordering { float: none !important; margin: 0 0 18px !important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
margin: 0 !important;
clear: none !important;
position: relative;
}
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after { content: none !important; }
/* Listagem estilo ÉTER: esconder botão de compra na grelha */
.woocommerce ul.products li.product a.button { display: none !important; }
/* Coração de favorito discreto sobre a imagem */
.woocommerce ul.products li.product .eter-wishlist-btn {
position: absolute; top: 10px; right: 10px;
background: rgba(255,255,255,.85);
border-radius: 50%; width: 34px; height: 34px;
display: flex; align-items: center; justify-content: center; padding: 0;
box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
.woocommerce ul.products li.product .eter-wishlist-btn .eter-heart { font-size: 16px; }
@media (max-width: 720px) {
.woocommerce ul.products, .woocommerce-page ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 14px !important;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { float: none; width: 100%; }
}
/* ---------- Listagens: largura total e recuo esquerdo (v1.15) ---------- */
/* Forçar a Loja/arquivos a sair da "caixa" centrada do Hello */
.post-type-archive-product .eter-main, .post-type-archive-product main,
.post-type-archive-product .site-main, .post-type-archive-product .page-content,
.tax-product_cat .eter-main, .tax-product_cat main,
.tax-product_cat .site-main, .tax-product_cat .page-content,
.woocommerce-shop .eter-main, .woocommerce-shop main,
.woocommerce-shop .site-main, .woocommerce-shop .page-content {
max-width: 100% !important;
width: auto !important;
margin: 0 !important;
}
/* Recuo esquerdo uniforme (textos + produtos) — "mais à direita, mas não muito" */
.post-type-archive-product .site-main, .post-type-archive-product .page-content,
.tax-product_cat .site-main, .tax-product_cat .page-content,
.woocommerce-shop .site-main, .woocommerce-shop .page-content {
padding-left: 48px !important;
padding-right: 48px !important;
}
/* Novidades (página) mantém o seu gutter */
.page .woocommerce { padding: 0 32px; }
/* Sem padding duplicado no wrapper da loja */
.post-type-archive-product .woocommerce,
.tax-product_cat .woocommerce,
.woocommerce-shop .woocommerce { padding: 0 !important; }
.post-type-archive-product .woocommerce ul.products,
.tax-product_cat .woocommerce ul.products,
.woocommerce-shop .woocommerce ul.products,
.page .woocommerce ul.products {
grid-template-columns: repeat(3, minmax(0, 360px)) !important;
max-width: none !important;
margin: 0 !important;
gap: 16px !important;
justify-content: start !important;
}
/* A página de produto mantém uma largura controlada (não estica em ecrãs largos) */
.single-product main { max-width: 1280px; margin: 0 auto; }
@media (max-width: 720px) {
.post-type-archive-product .woocommerce ul.products,
.tax-product_cat .woocommerce ul.products,
.woocommerce-shop .woocommerce ul.products,
.page .woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 720px) {
.post-type-archive-product .woocommerce,
.tax-product_cat .woocommerce,
.woocommerce-shop .woocommerce,
.page .woocommerce { padding: 0 16px; }
}
/* ---------- Correções v1.17 ---------- */
/* Tirar o rosa (accent do Elementor) dos componentes ÉTER */
.eter-seg button { background: transparent !important; color: #888 !important; box-shadow: none !important; border: 0 !important; }
.eter-seg button.is-active { background: #fff !important; color: #111 !important; box-shadow: 0 1px 2px rgba(0,0,0,.06) !important; }
.eter-wishlist-btn, .eter-wishlist-btn:hover, .eter-wishlist-btn .eter-heart { color: #111 !important; }
.eter-wishlist-btn.is-active .eter-heart::before { color: #111 !important; }
/* Espaço entre nome/subtítulo e preço na listagem */
.woocommerce ul.products li.product .eter-loop-sub { margin-bottom: 10px !important; }
.woocommerce ul.products li.product .price { margin-top: 8px !important; display: block; }
/* ---------- Página de produto v1.19: galeria fixa, separadores à direita, relacionados em baixo ---------- */
/* Galeria fica fixa (sticky) durante o scroll */
.single-product div.product { align-items: start; }
.single-product div.product .eter-gallery {
position: sticky;
top: 90px;
align-self: start;
}
/* Separadores (acordeão) agora aparecem dentro do resumo, em baixo do coração */
.single-product div.product .summary .woocommerce-tabs { margin-top: 22px; }
/* Produtos Relacionados e Upsells: full-width, em baixo, com espaçamento moderado */
.single-product .related.products,
.single-product .upsells.products {
margin-top: 64px !important;
clear: both;
}
/* Hover do botão Subscrever (newsletter): cinzento escuro -> preto, sem rosa */
.eter-news-form button { background: #111 !important; color: #fff !important; transition: background .2s ease; border: 0; cursor: pointer; }
.eter-news-form button:hover, .eter-news-form button:focus { background: #333 !important; color: #fff !important; }
/* Coração na página de produto: hover/foco a preto, nunca rosa */
.single-product .summary .eter-wishlist-btn,
.single-product .summary .eter-wishlist-btn:hover,
.single-product .summary .eter-wishlist-btn:focus {
color: #111 !important;
background: transparent !important;
border: 1px solid #ddd !important;
}
.single-product .summary .eter-wishlist-btn:hover { border-color: #111 !important; background: #f4f4f2 !important; }
.single-product .summary .eter-wishlist-btn .eter-heart,
.single-product .summary .eter-wishlist-btn:hover .eter-heart { color: #111 !important; }
/* No telemóvel desativamos o sticky (não faz sentido em ecrãs pequenos) */
@media (max-width: 820px) {
.single-product div.product .eter-gallery { position: static; top: auto; }
}
/* ---------- v1.22: Relacionados/Upsells agora estão FORA do .product ---------- */
/* Os separadores ficam dentro do resumo (lado direito), por baixo do coração */
.single-product div.product .summary .woocommerce-tabs { margin-top: 18px; }
/* Produtos Relacionados e Upsells — secção independente abaixo do produto */
.single-product .related.products,
.single-product .upsells.products {
max-width: 1280px;
width: 100%;
margin: 80px auto 40px auto !important;
padding: 0 32px;
clear: both;
}
.single-product .related.products > h2,
.single-product .upsells.products > h2 {
font-size: 22px;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0 0 28px 0;
color: #111;
}
@media (max-width: 820px) {
.single-product .related.products,
.single-product .upsells.products { margin-top: 50px !important; padding: 0 18px; }
}
/* ---------- v1.23: ajustes ao painel de compra ---------- */
/* Etiquetas (TAMANHOS, COR) em negrito e a preto */
.single-product table.variations th { font-weight: 700 !important; color: #111 !important; }
/* Botões de tamanho: fundo branco */
.eter-swatch--size, .eter-swatch:not(.eter-swatch--color) {
background: #fff !important;
}
/* Respiração: quantidade -> botão -> coração */
.single-product .quantity { margin-bottom: 18px !important; }
.single-product form.cart .single_add_to_cart_button { margin-bottom: 14px !important; }
.single-product .summary .eter-wishlist-btn { margin-top: 6px !important; }
/* ---------- v1.24: limpar fundo cinzento dos tamanhos e tirar quantidade ---------- */
/* Sem fundos cinzentos nas zonas das variações */
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations td,
.single-product table.variations th,
.single-product form.variations_form,
.single-product .single_variation_wrap,
.single-product .eter-swatches {
background: transparent !important;
background-color: transparent !important;
}
/* Esconder a quantidade no single product (gere-se no carrinho) */
.single-product form.cart .quantity { display: none !important; }
.single-product form.cart .single_add_to_cart_button { margin-left: 0 !important; }
/* ---------- v1.25: Carrinho (WooCommerce Blocks Cart) ---------- */
/* Container centrado e com largura controlada */
.wp-block-woocommerce-cart {
max-width: 1280px;
margin: 0 auto !important;
box-sizing: border-box;
}
/* Layout em 2 colunas (esquerda = items, direita = resumo).
minmax(0,1fr) evita que a coluna esquerda saia para fora do contentor. */
.wc-block-components-sidebar-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 360px !important;
gap: 60px !important;
align-items: start !important;
width: 100% !important;
}
.wc-block-components-main,
.wc-block-components-sidebar {
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box;
float: none !important;
}
/* Resumo: 3 secções com espaçamento igual */
.wc-block-components-sidebar > * { margin: 0 0 24px 0 !important; }
.wc-block-components-sidebar > *:last-child { margin-bottom: 0 !important; }
/* Mobile: 1 coluna */
@media (max-width: 820px) {
.wc-block-components-sidebar-layout {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
}
/* Fallback para o carrinho clássico (se não estiver em blocos) */
.woocommerce-cart .woocommerce { max-width: 1280px; margin: 0 auto; }
.woocommerce-cart .cart_totals > * { margin: 0 0 24px 0 !important; }
.woocommerce-cart .cart_totals > *:last-child { margin-bottom: 0 !important; }
/* ---------- v1.26: hover dos botões pretos + layout do checkout ---------- */
/* Botões pretos: TEXTO SEMPRE BRANCO no hover (corrige o roxo/rosa do Elementor) */
.eter-btn, .eter-btn:hover, .eter-btn:focus,
.eter-hero-btn, .eter-hero-btn:hover, .eter-hero-btn:focus,
.eter-news-form button, .eter-news-form button:hover, .eter-news-form button:focus,
.woocommerce a.button.alt, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt, .woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button, .woocommerce .single_add_to_cart_button:hover,
.woocommerce #place_order, .woocommerce #place_order:hover,
.wc-block-cart__submit-container a, .wc-block-cart__submit-container a:hover,
.wc-block-cart__submit-container button, .wc-block-cart__submit-container button:hover,
.wc-block-components-button.contained, .wc-block-components-button.contained:hover,
.wc-block-components-checkout-place-order-button, .wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout-place-order-button, .wc-block-checkout-place-order-button:hover,
.wp-element-button, .wp-element-button:hover {
color: #fff !important;
}
/* Background no hover: cinzento escuro a preto (nunca rosa/roxo) */
.eter-btn:hover, .eter-hero-btn:hover, .eter-news-form button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover, .woocommerce #place_order:hover,
.wc-block-cart__submit-container a:hover, .wc-block-cart__submit-container button:hover,
.wc-block-components-button.contained:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout-place-order-button:hover,
.wp-element-button:hover {
background: #333 !important;
}
/* ---------- Checkout (Blocks) - layout estilo Nike ---------- */
/* Container centrado */
.wp-block-woocommerce-checkout {
max-width: 1280px;
margin: 0 auto !important;
box-sizing: border-box;
}
/* Título "Finalizar Compra" / Checkout centrado */
.woocommerce-checkout .page-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .wp-block-post-title {
text-align: center !important;
font-size: 26px !important;
font-weight: 600 !important;
margin: 24px 0 40px 0 !important;
letter-spacing: -0.01em;
}
/* Layout 2 colunas (a regra do v1.25 já trata os blocks de cart;
o checkout também usa o mesmo .wc-block-components-sidebar-layout) */
/* Campos do formulário arredondados */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-select select,
.wc-block-components-form input[type="text"],
.wc-block-components-form input[type="email"],
.wc-block-components-form input[type="tel"] {
border-radius: 8px !important;
}
/* Botão "Finalizar" do checkout — preto, redondo, branco */
.wc-block-components-checkout-place-order-button,
.wc-block-checkout-place-order-button,
.wp-block-woocommerce-checkout-actions-block button {
background: #111 !important;
color: #fff !important;
border-radius: 100px !important;
border: 0 !important;
padding: 14px 32px !important;
font-weight: 600 !important;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout-actions-block button:hover {
background: #333 !important;
color: #fff !important;
}
/* Botão "Finalizar compras" no carrinho — também preto/branco */
.wc-block-cart__submit-container a,
.wc-block-cart__submit-container button,
.wc-block-cart__submit-container .wc-block-components-button {
background: #111 !important;
color: #fff !important;
border-radius: 100px !important;
}
/* Mobile */
@media (max-width: 820px) {
.wp-block-woocommerce-checkout { padding: 0 18px !important; }
.woocommerce-checkout .page-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout .wp-block-post-title { font-size: 22px !important; margin: 16px 0 24px 0 !important; }
}
/* ---------- v1.27: ajustes finais ---------- */
/* Botão "Finalizar" do checkout - centrado */
.wp-block-woocommerce-checkout-actions-block,
.wc-block-checkout__actions {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
text-align: center !important;
width: 100% !important;
}
.wp-block-woocommerce-checkout-actions-block > *,
.wc-block-checkout__actions > * {
margin-left: auto !important;
margin-right: auto !important;
}
/* Forçar layout em coluna nos cards de produto (o nome e o preço estavam
a aparecer na mesma linha por o link à volta estar inline) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a:not(.button),
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product > a:not(.button) {
display: block !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .eter-loop-sub,
.woocommerce ul.products li.product .eter-loop-label,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .eter-loop-sub,
.woocommerce-page ul.products li.product .eter-loop-label {
display: block !important;
width: 100% !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title { margin: 8px 0 0 0 !important; }
.woocommerce ul.products li.product .eter-loop-sub,
.woocommerce-page ul.products li.product .eter-loop-sub { margin: 4px 0 0 0 !important; }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { margin: 12px 0 0 0 !important; }
/* Cabeçalho da loja mais arejado e elegante */
.post-type-archive-product .page-header,
.tax-product_cat .page-header,
.woocommerce-products-header {
padding: 30px 0 24px 0 !important;
margin-bottom: 30px !important;
}
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.woocommerce-products-header__title {
font-size: 44px !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
line-height: 1 !important;
color: #111 !important;
margin: 0 !important;
}
.woocommerce-breadcrumb {
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 0.1em !important;
color: #999 !important;
margin-bottom: 18px !important;
padding: 0 !important;
}
.woocommerce-breadcrumb a { color: #999 !important; text-decoration: none !important; }
.woocommerce-breadcrumb a:hover { color: #111 !important; }
.woocommerce-result-count {
font-size: 13px !important;
color: #888 !important;
font-style: italic !important;
}
@media (max-width: 768px) {
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.woocommerce-products-header__title { font-size: 32px !important; }
}
/* ---------- v1.27: nome/preço, cabeçalho da listagem, título do checkout ---------- */
/* Forçar nome e preço em linhas separadas no loop (alta especificidade) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 8px 0 0 0 !important;
clear: both !important;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 12px 0 0 0 !important;
clear: both !important;
}
.woocommerce ul.products li.product .eter-loop-sub,
.woocommerce-page ul.products li.product .eter-loop-sub {
display: block !important;
margin: 4px 0 12px 0 !important;
}
/* ---------- Cabeçalho da listagem (Início/Produtos + título + contagem) ---------- */
/* Migalhas (breadcrumb) — pequenas, maiúsculas, espaçadas */
.woocommerce-breadcrumb {
font-size: 12px !important;
color: #999 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
margin: 30px 0 28px 0 !important;
font-weight: 500 !important;
padding-bottom: 0 !important;
border: 0 !important;
}
.woocommerce-breadcrumb a { color: #999 !important; text-decoration: none !important; }
.woocommerce-breadcrumb a:hover { color: #111 !important; }
.woocommerce-breadcrumb .breadcrumb-separator { margin: 0 6px; }
/* Título da página (Produtos / Loja / Categoria) — grande, sério, alinhado à esquerda */
.woocommerce-products-header__title,
.post-type-archive-product .page-title,
.post-type-archive-product .entry-title,
.tax-product_cat .page-title,
.tax-product_cat .entry-title,
.page-template-template-eter-home .entry-title {
font-size: 40px !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
margin: 0 0 6px 0 !important;
color: #111 !important;
line-height: 1.1 !important;
}
/* Contador de resultados — pequeno, subtil */
.woocommerce-result-count {
font-size: 13px !important;
color: #888 !important;
margin: 0 0 36px 0 !important;
font-weight: 400 !important;
}
/* ---------- Título do checkout SEMPRE centrado (regra reforçada) ---------- */
body.woocommerce-checkout h1,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout .page-title,
body.woocommerce-checkout .wp-block-heading.is-style-default:first-of-type {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ---------- v1.30: apertar o cabeçalho da listagem ---------- */
/* Migalhas mais juntinhas ao título */
.woocommerce-breadcrumb {
margin: 24px 0 12px 0 !important;
}
/* Título grande mas com pouca margem em baixo */
.woocommerce-products-header__title,
.post-type-archive-product .page-title,
.post-type-archive-product .entry-title,
.tax-product_cat .page-title,
.tax-product_cat .entry-title,
body.page .entry-title,
body.page .entry-header h1 {
font-size: 36px !important;
margin: 4px 0 4px 0 !important;
line-height: 1.1 !important;
}
/* Contagem de resultados encostada ao título, não em itálico */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
font-style: normal !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
/* Neutralizar margens de containers do cabeçalho que possam estar a empurrar */
.woocommerce-products-header,
body.page .entry-header,
body.archive .entry-header {
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
/* ---------- v1.29: SOLUÇÃO DEFINITIVA — flex-column no link do produto ---------- */
/* Força a imagem, título e preço a empilhar verticalmente, sejam quais forem
as propriedades CSS aplicadas individualmente. Imune a sobreposições. */
.woocommerce ul.products li.product > a,
.woocommerce-page ul.products li.product > a,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
text-decoration: none !important;
}
/* Garantir bom espaçamento dentro da coluna */
.woocommerce ul.products li.product > a > .woocommerce-loop-product__title,
.woocommerce ul.products li.product > a > h2 { margin-top: 6px !important; }
.woocommerce ul.products li.product > a > .price { margin-top: 10px !important; }
/* ---------- v1.31: centrar título do checkout + espaço antes da newsletter na loja ---------- */
/* Título do checkout SEMPRE centrado (selecionadores muito abrangentes) */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .entry-header h1,
body.woocommerce-checkout .wp-block-heading,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout .page-title,
body.woocommerce-checkout .entry-content > h1,
body.woocommerce-checkout .entry-content > h2:first-child {
text-align: center !important;
width: 100% !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Texto do botão "Finalizar" do checkout/carrinho centrado */
.wc-block-components-checkout-place-order-button,
.wc-block-checkout-place-order-button,
.wc-block-cart__submit-container a,
.wc-block-cart__submit-container button,
.wc-block-cart__submit-container .wc-block-components-button {
text-align: center !important;
justify-content: center !important;
}
/* Espaço por baixo da grelha de produtos (igual ao da homepage antes da newsletter) */
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.page-template-default.woocommerce .site-main,
body.woocommerce ul.products {
padding-bottom: 80px !important;
}
@media (max-width: 820px) {
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
body.woocommerce ul.products { padding-bottom: 50px !important; }
}
/* ---------- v1.32: respiração na single de produto sem relacionados ---------- */
/* Padding base na single de produto (sempre que o produto acabe sem relacionados,
damos respiração antes da newsletter/footer). */
.single-product .site-main:not(:has(.related.products)),
.single-product main:not(:has(.related.products)) {
padding-bottom: 100px !important;
}
@media (max-width: 820px) {
.single-product .site-main:not(:has(.related.products)),
.single-product main:not(:has(.related.products)) { padding-bottom: 60px !important; }
}
/* ---------- v1.33: cabeçalho mais bonito nas páginas de listagem ---------- */
/* Título centrado, grande e arejado nas páginas Novidades / Produtos */
body.page-novidades .entry-title,
body.page-novidades .entry-header h1,
body.page-produtos .entry-title,
body.page-produtos .entry-header h1,
body.page-novidades .wp-block-post-title,
body.page-produtos .wp-block-post-title {
text-align: center !important;
font-size: 48px !important;
font-weight: 700 !important;
letter-spacing: -0.025em !important;
margin: 60px 0 12px 0 !important;
line-height: 1.05 !important;
color: #111 !important;
}
/* Linha subtil por baixo do título para dar elegância */
body.page-novidades .entry-header,
body.page-produtos .entry-header {
border-bottom: 1px solid #ececec !important;
padding-bottom: 28px !important;
margin-bottom: 48px !important;
text-align: center !important;
}
/* Migalhas no centro nas páginas de listagem */
body.page-novidades .woocommerce-breadcrumb,
body.page-produtos .woocommerce-breadcrumb {
text-align: center !important;
margin: 28px 0 0 0 !important;
}
/* Mobile: título mais pequeno */
@media (max-width: 820px) {
body.page-novidades .entry-title,
body.page-novidades .entry-header h1,
body.page-produtos .entry-title,
body.page-produtos .entry-header h1 {
font-size: 32px !important;
margin: 32px 0 8px 0 !important;
}
body.page-novidades .entry-header,
body.page-produtos .entry-header { padding-bottom: 20px !important; margin-bottom: 32px !important; }
}
/* ---------- v1.34: A minha conta + estado vazio do drawer ---------- */
/* ===== A MINHA CONTA ===== */
/* Barra lateral mais limpa, sem bullets, com hover/ativo elegantes */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 0 2px 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block !important;
padding: 14px 18px !important;
color: #111 !important;
text-decoration: none !important;
border-radius: 8px !important;
font-weight: 500;
transition: background 0.15s ease, color 0.15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: #f4f4f2 !important;
color: #111 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
background: #111 !important;
color: #fff !important;
font-weight: 600;
}
/* Conteúdo: respiração e tipografia */
.woocommerce-account .woocommerce-MyAccount-content { padding-left: 8px; }
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
font-size: 18px;
font-weight: 600;
margin: 0 0 12px 0;
}
.woocommerce-account .woocommerce-MyAccount-content p { line-height: 1.6; color: #444; }
/* Moradas: cartões */
.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.woocommerce-account .woocommerce-Address {
border: 1px solid #ececec;
border-radius: 12px;
padding: 24px;
background: #fff;
}
.woocommerce-account .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 { font-size: 16px; margin: 0; }
.woocommerce-account .woocommerce-Address-title .edit {
padding: 6px 14px !important;
border: 1px solid #111 !important;
border-radius: 100px !important;
color: #111 !important;
text-decoration: none !important;
font-size: 12px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
transition: all 0.15s ease;
}
.woocommerce-account .woocommerce-Address-title .edit:hover { background: #111 !important; color: #fff !important; }
.woocommerce-account .woocommerce-Address address { color: #555; font-style: normal; line-height: 1.7; margin: 0; }
/* Painel inicial (mensagens de boas-vindas) */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type { font-size: 16px; color: #222; }
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong { color: #111; }
@media (max-width: 820px) {
.woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; }
}
/* ===== CARRINHO (drawer) — ESTADO VAZIO ===== */
.eter-drawer .woocommerce-mini-cart__empty-message {
text-align: center;
padding: 50px 20px 6px 20px;
color: #555;
font-size: 16px;
margin: 0;
}
.eter-drawer .woocommerce-mini-cart__empty-message::before {
content: "";
display: block;
width: 56px;
height: 56px;
margin: 0 auto 18px;
background: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.eter-drawer .eter-drawer-empty-cta {
display: block;
margin: 22px 28px 0 28px;
padding: 14px 20px;
background: #111;
color: #fff !important;
text-align: center;
border-radius: 100px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.01em;
transition: background 0.2s ease;
}
.eter-drawer .eter-drawer-empty-cta:hover { background: #333; color: #fff !important; }
/* ---------- v1.34: Minha Conta + carrinho vazio ---------- */
/* ----- Sidebar Minha Conta — limpa, com item ativo destacado ----- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid #ececec;
border-radius: 12px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0 !important;
border-bottom: 1px solid #ececec;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block !important;
padding: 16px 22px !important;
text-decoration: none !important;
color: #555 !important;
font-size: 15px !important;
transition: background .2s ease, color .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background: #f8f8f8 !important;
color: #111 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--current a {
background: #f4f4f2 !important;
color: #111 !important;
font-weight: 600 !important;
}
/* ----- Conteúdo da Minha Conta — endereços como cards ----- */
.woocommerce-account .woocommerce-MyAccount-content { padding-left: 40px; }
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type { color: #555; margin: 0 0 24px 0; }
.woocommerce-account .u-columns,
.woocommerce-account .col2-set {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
width: 100% !important;
background: #fafafa;
padding: 28px;
border-radius: 12px;
box-sizing: border-box;
}
.woocommerce-account .woocommerce-Address header,
.woocommerce-account .u-column1 header,
.woocommerce-account .u-column2 header {
display: flex !important;
justify-content: space-between;
align-items: baseline;
margin: 0 0 12px 0 !important;
border: 0 !important;
padding: 0 !important;
}
.woocommerce-account h3,
.woocommerce-account .woocommerce-Address h3 {
font-size: 18px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #111;
}
.woocommerce-account .woocommerce-Address .edit,
.woocommerce-account header .edit {
font-size: 13px !important;
color: #888 !important;
text-decoration: underline !important;
}
.woocommerce-account .woocommerce-Address .edit:hover { color: #111 !important; }
.woocommerce-account address {
font-size: 14px;
color: #555;
line-height: 1.6;
font-style: normal;
margin: 0;
}
/* Título "Morada" maior e com algum ar */
.woocommerce-account .entry-title { margin-top: 28px !important; margin-bottom: 24px !important; }
/* Mobile */
@media (max-width: 820px) {
.woocommerce-account .woocommerce-MyAccount-content { padding-left: 0; margin-top: 24px; }
.woocommerce-account .u-columns,
.woocommerce-account .col2-set { grid-template-columns: 1fr; }
}
/* ----- Mini-carrinho vazio bonito ----- */
.eter-drawer .eter-empty-cart {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 60px 24px;
min-height: 320px;
color: #666;
}
.eter-drawer .eter-empty-cart svg {
color: #bbb;
margin-bottom: 18px;
}
.eter-drawer .eter-empty-cart .woocommerce-mini-cart__empty-message {
font-size: 16px;
margin: 0 0 24px 0 !important;
color: #555;
padding: 0 !important;
}
.eter-drawer .eter-empty-cart__cta {
display: inline-block;
padding: 12px 26px;
background: #111;
color: #fff !important;
text-decoration: none;
border-radius: 100px;
font-size: 14px;
font-weight: 600;
transition: background .2s ease;
}
.eter-drawer .eter-empty-cart__cta:hover {
background: #333;
color: #fff !important;
}
/* ---------- v1.35: estado vazio ÉTER + ícones no menu da conta ---------- */
/* Remover bloco do mini-carrinho vazio (não foi mais usado) */
/* Estado vazio "ÉTER" — único, com monograma e duas ações */
.eter-empty-state {
text-align: center;
padding: 72px 24px;
background: #fafafa;
border-radius: 16px;
margin: 8px 0 24px 0;
}
.eter-empty-state__mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border: 1.5px solid #111;
border-radius: 50%;
font-family: Inter, system-ui, sans-serif;
font-weight: 700;
font-size: 30px;
letter-spacing: -.02em;
margin-bottom: 26px;
color: #111;
background: #fff;
}
.eter-empty-state__title {
font-size: 24px;
font-weight: 700;
margin: 0 0 10px 0;
letter-spacing: -0.01em;
color: #111;
}
.eter-empty-state__text {
font-size: 15px;
color: #666;
max-width: 380px;
margin: 0 auto 28px auto;
line-height: 1.5;
}
.eter-empty-state__actions {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.eter-empty-state__btn {
display: inline-block;
padding: 12px 28px;
background: #111;
color: #fff !important;
text-decoration: none !important;
border-radius: 100px;
font-size: 14px;
font-weight: 600;
transition: background .2s ease;
}
.eter-empty-state__btn:hover { background: #333; color: #fff !important; }
.eter-empty-state__link {
color: #555 !important;
text-decoration: underline !important;
font-size: 14px;
}
.eter-empty-state__link:hover { color: #111 !important; }
/* ---------- Ícones discretos no menu lateral da conta ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 14px;
vertical-align: -3px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
opacity: 0.65;
}
.woocommerce-MyAccount-navigation-link--dashboard a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 12 4l9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--orders a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--eter-favorites a::before,
.woocommerce-MyAccount-navigation-link--favoritos a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78l1.06 1.06L12 21l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-MyAccount-navigation-link--morada a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}
/* No item ativo, os ícones ficam plenos */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--current a::before { opacity: 1; }
/* ---------- v1.36: corrigir Morada — menu ativo cinzento, cards em 2 colunas ---------- */
/* Sidebar do My Account — item ativo CINZENTO claro, NUNCA preto */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--current a,
.woocommerce-account ul.woocommerce-MyAccount-navigation-links li.is-active a {
background: #f4f4f2 !important;
background-color: #f4f4f2 !important;
color: #111 !important;
font-weight: 600 !important;
}
/* Forçar layout em duas colunas para os endereços (Morada de facturação | Morada de envio) */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns,
.woocommerce-account .col2-set {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 20px !important;
width: 100% !important;
}
.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after,
.woocommerce-account .col2-set::before,
.woocommerce-account .col2-set::after {
display: none !important;
content: none !important;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2,
.woocommerce-account .woocommerce-Address {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
background: #fafafa !important;
padding: 28px !important;
border-radius: 12px !important;
box-sizing: border-box !important;
}
/* Botão "Adicionar morada" — outline subtil em vez de preto sólido */
.woocommerce-account .woocommerce-Address header a.button,
.woocommerce-account .woocommerce-Address-title a.edit,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
background: #fff !important;
color: #111 !important;
border: 1px solid #111 !important;
border-radius: 100px !important;
padding: 8px 18px !important;
font-weight: 500 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
text-decoration: none !important;
}
.woocommerce-account .woocommerce-Address header a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover {
background: #111 !important;
color: #fff !important;
}
/* Mobile */
@media (max-width: 820px) {
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns,
.woocommerce-account .col2-set { grid-template-columns: 1fr !important; }
}
/* ---------- v1.37 (base utilizador 1.36): Minha Conta com layout dos Produtos ---------- */
/* Título "Morada" / "Encomendas" / etc. — IGUAL ao título da página Produtos:
centrado, 48px, com linha subtil por baixo */
body.woocommerce-account .entry-title,
body.woocommerce-account .entry-header h1,
body.woocommerce-account .wp-block-post-title {
text-align: center !important;
font-size: 48px !important;
font-weight: 700 !important;
letter-spacing: -0.025em !important;
margin: 60px 0 12px 0 !important;
line-height: 1.05 !important;
color: #111 !important;
}
body.woocommerce-account .entry-header {
border-bottom: 1px solid #ececec !important;
padding-bottom: 28px !important;
margin-bottom: 48px !important;
text-align: center !important;
}
/* Espaço entre o título (e a linha) e o menu / conteúdo abaixo */
body.woocommerce-account .woocommerce { margin-top: 32px !important; }
/* Item ativo do menu — #2a2a2a (carvão), texto branco */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background: #2a2a2a !important;
background-color: #2a2a2a !important;
color: #fff !important;
font-weight: 600 !important;
}
/* Ícone do item ativo a branco */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
filter: brightness(0) invert(1) !important;
opacity: 1 !important;
}
/* Botões "Adicionar morada" / outros da Minha Conta — fundo #2a2a2a */
body.woocommerce-account a.button,
body.woocommerce-account button.button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-Address header a.button {
background: #2a2a2a !important;
background-color: #2a2a2a !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 10px 22px !important;
font-weight: 500 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
text-decoration: none !important;
}
body.woocommerce-account a.button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account .woocommerce-Button:hover {
background: #111 !important;
color: #fff !important;
}
/* Esconder Morada de envio em CSS (reforço — o filtro PHP já trata, mas garantimos) */
body.woocommerce-account .u-column2,
body.woocommerce-account .col-2 { display: none !important; }
body.woocommerce-account .u-columns,
body.woocommerce-account .col2-set,
body.woocommerce-account .woocommerce-Addresses {
grid-template-columns: minmax(280px, 600px) !important;
}
/* Mini espaço entre o fim da Minha Conta e o "Junta-te à ÉTER" */
body.woocommerce-account .site-main,
body.woocommerce-account main { padding-bottom: 80px !important; }
@media (max-width: 820px) {
body.woocommerce-account .entry-title,
body.woocommerce-account .entry-header h1 { font-size: 32px !important; margin: 32px 0 8px 0 !important; }
body.woocommerce-account .entry-header { padding-bottom: 20px !important; margin-bottom: 32px !important; }
}
/* ---------- v1.38: Favoritos grid + Detalhes da conta mais compacto ---------- */
/* Grelha de Favoritos com pinta */
.eter-wishlist-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
margin-top: 16px;
}
.eter-wishlist-card {
display: flex !important;
flex-direction: column !important;
text-decoration: none !important;
color: #111 !important;
background: #fafafa;
border-radius: 12px;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease;
}
.eter-wishlist-card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.eter-wishlist-card img {
width: 100% !important;
height: 300px !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
}
.eter-wishlist-card .eter-wl-name {
display: block;
padding: 14px 16px 4px 16px;
font-size: 15px;
font-weight: 500;
color: #111;
}
.eter-wishlist-card .eter-wl-price {
display: block;
padding: 0 16px 16px 16px;
font-size: 14px;
font-weight: 600;
color: #111;
}
@media (max-width: 1024px) { .eter-wishlist-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .eter-wishlist-grid { grid-template-columns: 1fr !important; } }
/* Detalhes da conta / Edit address — formulário mais compacto */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content,
body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content {
max-width: 600px !important;
}
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .edit-account,
body.woocommerce-account form.edit-account,
body.woocommerce-account form.woocommerce-address-fields {
max-width: 600px !important;
}
/* Reforço do botão "Adicionar morada" em #2a2a2a (caso o utilizador ainda veja preto puro) */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-Address header a.button,
body.woocommerce-account a.button.alt {
background: #2a2a2a !important;
background-color: #2a2a2a !important;
color: #fff !important;
}
/* ---------- v1.39: título à esquerda + formulário Morada/Detalhes compacto ---------- */
/* Título da Minha Conta — alinhado à ESQUERDA (não centrado), por cima do menu */
body.woocommerce-account .entry-title,
body.woocommerce-account .entry-header h1,
body.woocommerce-account .wp-block-post-title {
text-align: left !important;
font-size: 36px !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
margin: 40px 0 28px 0 !important;
color: #111 !important;
line-height: 1.05 !important;
}
body.woocommerce-account .entry-header {
text-align: left !important;
border-bottom: 0 !important;
padding: 0 !important;
margin: 0 0 24px 0 !important;
}
/* Formulários da Minha Conta (Morada / Detalhes) — mais compactos */
body.woocommerce-edit-address .woocommerce-MyAccount-content,
body.woocommerce-edit-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-address-fields,
body.woocommerce-account .woocommerce-MyAccount-content form.edit-account,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
max-width: 640px !important;
}
/* Campos do formulário com cara — bordas suaves, padding confortável */
body.woocommerce-account .form-row input[type="text"],
body.woocommerce-account .form-row input[type="email"],
body.woocommerce-account .form-row input[type="tel"],
body.woocommerce-account .form-row input[type="password"],
body.woocommerce-account .form-row select,
body.woocommerce-account .form-row textarea {
padding: 11px 14px !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
font-size: 14px !important;
}
body.woocommerce-account .form-row input:focus,
body.woocommerce-account .form-row select:focus,
body.woocommerce-account .form-row textarea:focus {
border-color: #111 !important;
outline: 0 !important;
}
body.woocommerce-account .form-row { margin-bottom: 16px !important; }
body.woocommerce-account .form-row label { font-size: 13px !important; font-weight: 500 !important; color: #555 !important; margin-bottom: 6px !important; display: block; }
@media (max-width: 820px) {
body.woocommerce-account .entry-title,
body.woocommerce-account .entry-header h1 { font-size: 26px !important; margin: 24px 0 16px 0 !important; }
}
/* ---------- v1.40: puxar formulário para junto do menu ---------- */
/* Por defeito o WC usa floats que mandam o conteúdo para o canto direito.
Substituímos por flexbox no wrapper para os colocar lado a lado, alinhados à esquerda. */
body.woocommerce-account .woocommerce {
display: flex !important;
flex-wrap: wrap !important;
gap: 40px !important;
align-items: flex-start !important;
max-width: 1100px;
margin-left: 0;
margin-right: auto;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
order: 1 !important;
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
order: 2 !important;
flex: 1 1 auto !important;
width: auto !important;
max-width: 700px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Notices, mensagens e qualquer outro elemento dentro do wrapper:
ficam em cima a ocupar a largura toda, sem partir o flex */
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce > .woocommerce-message,
body.woocommerce-account .woocommerce > .woocommerce-info,
body.woocommerce-account .woocommerce > .woocommerce-error {
order: 0 !important;
flex: 1 1 100% !important;
width: 100% !important;
}
@media (max-width: 820px) {
body.woocommerce-account .woocommerce { flex-direction: column !important; gap: 24px !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 auto !important;
width: 100% !important;
max-width: 100% !important;
}
}
/* ---------- v1.41: layout da conta com floats (substitui o flex da v1.40) ---------- */
/* O flex da v1.40 estava a ser quebrado por regras do Elementor.
Voltamos à técnica clássica: menu float:left + conteúdo overflow:hidden (BFC). */
body.woocommerce-account .woocommerce {
display: block !important; /* anular o flex da v1.40 */
direction: ltr !important;
text-align: left !important;
max-width: 1100px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important; /* anular flex gap */
}
/* clearfix no wrapper */
body.woocommerce-account .woocommerce::after {
content: "" !important;
display: table !important;
clear: both !important;
}
/* MENU: float à esquerda, 280px fixos */
body.woocommerce-account .woocommerce-MyAccount-navigation {
display: block !important;
float: left !important;
clear: left !important;
width: 280px !important;
max-width: 280px !important;
min-width: 280px !important;
margin: 0 40px 0 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
flex: none !important;
order: 0 !important;
}
/* CONTEÚDO: sem float, mas com overflow:hidden cria um Block Formatting
Context que enche o espaço ao lado do menu sem ir para baixo dele */
body.woocommerce-account .woocommerce-MyAccount-content {
display: block !important;
float: none !important;
overflow: hidden !important; /* o truque do BFC */
width: auto !important;
max-width: 700px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
flex: none !important;
order: 0 !important;
}
@media (max-width: 820px) {
body.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 24px 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
max-width: 100% !important;
overflow: visible !important;
}
}
/* ---------- v1.42: menu lateral um pouco mais largo ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation {
width: 320px !important;
max-width: 320px !important;
min-width: 320px !important;
}
/* ---------- v1.43: notices e botão de cupão em estilo ÉTER ---------- */
/* ===== Notice "foi adicionado ao carrinho" — monocromático ===== */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
.woocommerce-message {
background: #f7f7f5 !important;
border: 1px solid #e8e8e6 !important;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left: 3px solid #111 !important;
color: #111 !important;
padding: 16px 24px !important;
margin: 0 0 24px 0 !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
font-size: 14px !important;
line-height: 1.5 !important;
font-style: normal !important;
}
/* Tirar a bola verde do check */
.woocommerce-message::before,
.woocommerce .woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
display: none !important;
content: none !important;
}
/* Botão "Ver carrinho" dentro do notice — pílula preta */
.woocommerce-message .button,
.woocommerce-message a.button,
.woocommerce-message .wc-forward {
background: #111 !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 10px 22px !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
font-weight: 500 !important;
text-decoration: none !important;
flex-shrink: 0 !important;
box-shadow: none !important;
}
.woocommerce-message a.button:hover { background: #2a2a2a !important; }
/* Info / error neutros */
.woocommerce-info {
background: #f7f7f5 !important;
border: 0 !important;
border-left: 3px solid #111 !important;
color: #111 !important;
padding: 16px 24px !important;
border-radius: 0 !important;
}
.woocommerce-error {
background: #fdf3f3 !important;
border: 0 !important;
border-left: 3px solid #c63030 !important;
color: #6a1414 !important;
padding: 16px 24px !important;
border-radius: 0 !important;
}
/* Wrapper de notices: sem borda/cor própria, esconde-se quando vazio */
.woocommerce-notices-wrapper {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.woocommerce-notices-wrapper:empty { display: none !important; }
/* Equivalente em WC Blocks (carrinho/checkout novos) */
.wc-block-components-notice-banner {
background: #f7f7f5 !important;
border: 0 !important;
border-left: 3px solid #111 !important;
color: #111 !important;
border-radius: 0 !important;
padding: 14px 20px !important;
}
.wc-block-components-notice-banner__icon,
.wc-block-components-notice-banner > svg { display: none !important; }
.wc-block-components-notice-banner.is-error { border-left-color: #c63030 !important; }
.wc-block-components-notice-banner.is-info { border-left-color: #111 !important; }
/* ===== Botão APLICAR do cupão (WC Blocks) — pílula preta com texto branco ===== */
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon button,
.wc-block-components-totals-coupon .wc-block-components-button {
background: #111 !important;
background-color: #111 !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 10px 22px !important;
min-height: 0 !important;
height: auto !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
font-weight: 500 !important;
box-shadow: none !important;
opacity: 1 !important;
}
.wc-block-components-totals-coupon__button:hover {
background: #2a2a2a !important;
}
/* O texto dentro do botão (pode vir como span ou direto) */
.wc-block-components-totals-coupon__button .wc-block-components-button__text,
.wc-block-components-totals-coupon__button > span {
color: #fff !important;
opacity: 1 !important;
}
/* Input do código do cupão — bordas suaves a condizer */
.wc-block-components-totals-coupon__input input,
.wc-block-components-totals-coupon input[type="text"] {
border: 1px solid #ddd !important;
border-radius: 8px !important;
padding: 11px 14px !important;
font-size: 14px !important;
box-shadow: none !important;
}
.wc-block-components-totals-coupon__input input:focus,
.wc-block-components-totals-coupon input[type="text"]:focus {
border-color: #111 !important;
outline: 0 !important;
box-shadow: 0 0 0 1px #111 !important;
}
/* ---------- v1.44: tirar cupão do carrinho, deixar só no checkout ---------- */
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block,
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .coupon,
body.woocommerce-cart .woocommerce-cart-form .coupon {
display: none !important;
}
/* ---------- v1.45: forçar consistência do drawer em TODAS as páginas ---------- */
/* O drawer estava a render-se diferente em home/novidades (sem fundo) e
carrinho (sem border-radius) por causa de regras de Elementor/WC Blocks
que ganhavam no cascade. Aqui forçamos prioridade com body prefix +
múltiplos seletores + !important. */
/* Container dos botões — coluna, com gap */
body .eter-drawer .woocommerce-mini-cart__buttons,
body .eter-drawer .buttons,
html body .eter-drawer .woocommerce-mini-cart__buttons {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 20px 0 0 0 !important;
padding: 0 !important;
}
/* Botões do drawer — pílula carvão consistente em todas as páginas */
body .eter-drawer .woocommerce-mini-cart__buttons a,
body .eter-drawer .woocommerce-mini-cart__buttons a.button,
body .eter-drawer .woocommerce-mini-cart__buttons a.wc-forward,
body .eter-drawer .woocommerce-mini-cart__buttons a.wp-element-button,
body .eter-drawer .woocommerce-mini-cart__buttons a.checkout,
body .eter-drawer .buttons a,
body .eter-drawer .buttons a.button,
html body .eter-drawer a.button,
html body .eter-drawer a.wc-forward {
display: block !important;
width: 100% !important;
background: #111 !important;
background-color: #111 !important;
background-image: none !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 13px 24px !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
text-decoration: none !important;
box-shadow: none !important;
margin: 0 !important;
line-height: 1.2 !important;
box-sizing: border-box !important;
min-height: 0 !important;
height: auto !important;
}
body .eter-drawer .woocommerce-mini-cart__buttons a:hover,
body .eter-drawer .buttons a:hover,
html body .eter-drawer a.button:hover {
background: #2a2a2a !important;
color: #fff !important;
}
/* Nome do produto na lista — preto ÉTER, não azul (link default) */
body .eter-drawer .woocommerce-mini-cart-item a,
body .eter-drawer .mini_cart_item a,
body .eter-drawer ul.cart_list li a:not(.remove),
body .eter-drawer ul.woocommerce-mini-cart li a:not(.remove) {
color: #111 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
body .eter-drawer .woocommerce-mini-cart-item a:hover,
body .eter-drawer ul.cart_list li a:not(.remove):hover {
color: #555 !important;
}
/* Subtotal — alinhado direito, preto, sem fundo estranho */
body .eter-drawer .woocommerce-mini-cart__total,
body .eter-drawer .total {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 16px 0 !important;
margin: 12px 0 0 0 !important;
border-top: 1px solid #eee !important;
border-bottom: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body .eter-drawer .woocommerce-mini-cart__total strong,
body .eter-drawer .total strong {
font-weight: 600 !important;
}
body .eter-drawer .woocommerce-mini-cart__total .amount,
body .eter-drawer .total .amount {
color: #111 !important;
font-weight: 600 !important;
}
/* ---------- v1.46: layout compacto do item no drawer em TODAS as páginas ---------- */
/* Página do produto mostrava o item compacto (imagem pequena à direita, texto à esquerda),
outras páginas mostravam a imagem em tamanho natural a ocupar o drawer todo.
Aqui forçamos o layout compacto sempre. */
body .eter-drawer ul.cart_list li,
body .eter-drawer ul.woocommerce-mini-cart li,
body .eter-drawer .mini_cart_item,
html body .eter-drawer ul.cart_list li {
padding: 16px 0 !important;
border-bottom: 0.5px solid #eee !important;
list-style: none !important;
overflow: hidden !important; /* clearfix para o float da imagem */
position: relative !important;
display: block !important;
}
/* IMAGEM — pequena, alinhada à direita, sempre */
body .eter-drawer ul.cart_list li img,
body .eter-drawer ul.woocommerce-mini-cart li img,
body .eter-drawer .mini_cart_item img,
body .eter-drawer .widget_shopping_cart_content img,
html body .eter-drawer img.attachment-woocommerce_thumbnail {
float: right !important;
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
max-height: 72px !important;
min-width: 0 !important;
object-fit: cover !important;
margin: 0 0 0 16px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 4px !important;
box-shadow: none !important;
display: block !important;
}
/* Nome do produto — bloco, preto, peso 600 */
body .eter-drawer ul.cart_list li > a:not(.remove),
body .eter-drawer .mini_cart_item > a:not(.remove),
body .eter-drawer ul.woocommerce-mini-cart li > a:not(.remove) {
display: block !important;
color: #111 !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1.3 !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
}
/* Quantidade × preço — bloco abaixo do nome, cinzento */
body .eter-drawer ul.cart_list li .quantity,
body .eter-drawer .mini_cart_item .quantity,
body .eter-drawer ul.woocommerce-mini-cart li .quantity {
display: block !important;
color: #555 !important;
font-size: 13px !important;
font-weight: 400 !important;
}
/* Botão × remover — em cima, à esquerda, discreto */
body .eter-drawer ul.cart_list li a.remove,
body .eter-drawer .mini_cart_item a.remove,
body .eter-drawer ul.woocommerce-mini-cart li a.remove,
body .eter-drawer a.remove_from_cart_button {
display: block !important;
position: relative !important;
float: none !important;
width: auto !important;
height: auto !important;
color: #111 !important;
background: none !important;
border: 0 !important;
text-decoration: none !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1 !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
box-shadow: none !important;
}
body .eter-drawer a.remove:hover { color: #c63030 !important; }
/* ---------- v1.47: seletor de idioma PT / EN ---------- */
.eter-lang {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
letter-spacing: 0.04em;
color: inherit;
}
.eter-lang .eter-lang-link {
color: inherit;
text-decoration: none;
opacity: 0.55;
padding: 0 2px;
transition: opacity 0.15s ease;
font-weight: 500;
}
.eter-lang .eter-lang-link:hover { opacity: 0.85; }
.eter-lang .eter-lang-link.is-active {
opacity: 1;
font-weight: 600;
}
.eter-lang .eter-lang-sep { opacity: 0.3; }
/* ---------- v1.48: garantir que o input do newsletter é visível em qualquer língua ---------- */
.eter-news-form {
display: flex !important;
align-items: center !important;
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 100px !important;
padding: 4px !important;
max-width: 480px;
margin: 0 auto;
}
.eter-news-form input[type="email"] {
flex: 1 1 auto !important;
min-width: 200px !important;
border: 0 !important;
background: transparent !important;
padding: 12px 18px !important;
color: #111 !important;
font-size: 14px !important;
outline: 0 !important;
}
.eter-news-form input[type="email"]::placeholder {
color: #999 !important;
opacity: 1 !important;
}
.eter-news-form input[type="email"]:focus { outline: 0 !important; box-shadow: none !important; }
.eter-news-form button[type="submit"] {
flex: 0 0 auto !important;
background: #111 !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 12px 22px !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.eter-news-form button[type="submit"]:hover { background: #2a2a2a !important; }
/* ---------- v1.49: reforço do layout do newsletter (vence qualquer override) ---------- */
html body .eter-news-form,
html body .eter-newsletter .eter-news-form {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 100px !important;
padding: 4px !important;
max-width: 480px !important;
margin: 0 auto !important;
gap: 0 !important;
}
html body .eter-news-form > input[type="email"] {
flex: 1 1 0% !important;
min-width: 0 !important;
width: auto !important;
border: 0 !important;
background: transparent !important;
padding: 12px 18px !important;
color: #111 !important;
font-size: 14px !important;
outline: 0 !important;
display: block !important;
visibility: visible !important;
}
html body .eter-news-form > input[type="email"]::placeholder {
color: #999 !important;
opacity: 1 !important;
}
html body .eter-news-form > button[type="submit"] {
flex: 0 0 auto !important;
display: inline-block !important;
visibility: visible !important;
background: #111 !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 12px 22px !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer !important;
white-space: nowrap !important;
width: auto !important;
min-width: 120px !important;
}
/* ===================== v1.55 (full-bleed centering + wider card) ===================== */
/* Forçar o container WC a sair de QUALQUER max-width que o Hello Elementor imponha */
body.woocommerce-account:not(.logged-in) .woocommerce {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 64px 16px 96px !important;
box-sizing: border-box !important;
}
/* Centrar o cartão de login no centro real da viewport com flex */
.eter-auth {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
width: 100% !important;
background: transparent !important;
padding: 0 !important;
}
/* Cartão mais largo */
.eter-auth-card {
margin: 0 !important;
max-width: 500px !important;
width: 100% !important;
padding: 40px 40px !important;
}
/* Nukear estilo "vermelho" no botão de fechar o drawer (vinha de regra externa) */
.eter-drawer-close,
button.eter-drawer-close,
.eter-drawer-head .eter-drawer-close {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: var(--eter-ink) !important;
border: 0 !important;
box-shadow: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding: 6px 14px !important;
font-size: 28px !important;
line-height: 1 !important;
cursor: pointer !important;
border-radius: 8px !important;
}
.eter-drawer-close:hover,
.eter-drawer-close:focus,
button.eter-drawer-close:hover,
button.eter-drawer-close:focus {
background: #f5f5f3 !important;
background-color: #f5f5f3 !important;
color: var(--eter-ink) !important;
outline: 0 !important;
box-shadow: none !important;
}
/* ===================== v1.57 (Thank-you / Order received page) ===================== */
/* Container central com largura confortável */
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
max-width: 880px !important;
margin: 0 auto !important;
padding: 0 24px 80px !important;
}
/* Page title "Encomenda recebida" — esquerda, Inter, sem center genérico */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
font-family: 'Inter', sans-serif !important;
font-size: 36px !important;
font-weight: 500 !important;
text-align: left !important;
margin: 64px 0 8px !important;
letter-spacing: -0.01em !important;
color: var(--eter-ink) !important;
}
/* "Obrigado. A sua encomenda foi recebida." */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received p.woocommerce-thankyou-order-received {
font-size: 16px !important;
color: #666 !important;
margin: 0 0 40px !important;
font-weight: 400 !important;
text-align: left !important;
}
/* Barra horizontal com nº, data, email, total, método — clean */
body.woocommerce-order-received .woocommerce-order-overview {
display: flex !important;
flex-wrap: wrap !important;
gap: 36px !important;
list-style: none !important;
padding: 24px 0 !important;
margin: 0 0 48px !important;
border-top: 0.5px solid var(--eter-line, #e5e5e3) !important;
border-bottom: 0.5px solid var(--eter-line, #e5e5e3) !important;
}
body.woocommerce-order-received .woocommerce-order-overview li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-transform: uppercase !important;
font-size: 10px !important;
letter-spacing: 0.1em !important;
color: #999 !important;
font-weight: 400 !important;
}
body.woocommerce-order-received .woocommerce-order-overview li strong {
display: block !important;
font-weight: 500 !important;
font-size: 15px !important;
color: var(--eter-ink) !important;
margin-top: 6px !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
/* Headings "Detalhes da encomenda" / "Morada de facturação" */
body.woocommerce-order-received h2 {
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
color: #999 !important;
margin: 48px 0 16px !important;
border: 0 !important;
text-align: left !important;
}
/* Tabela de detalhes — sem header cinza, sem bordas */
body.woocommerce-order-received .shop_table.order_details,
body.woocommerce-order-received .woocommerce-table--order-details {
width: 100% !important;
border: 0 !important;
border-collapse: collapse !important;
background: transparent !important;
margin: 0 !important;
}
body.woocommerce-order-received .shop_table.order_details thead {
background: transparent !important;
}
body.woocommerce-order-received .shop_table.order_details th,
body.woocommerce-order-received .shop_table.order_details td {
padding: 18px 0 !important;
border: 0 !important;
border-bottom: 0.5px solid var(--eter-line, #e5e5e3) !important;
background: transparent !important;
text-align: left !important;
font-size: 14px !important;
vertical-align: top !important;
}
body.woocommerce-order-received .shop_table.order_details thead th {
font-weight: 500 !important;
text-transform: uppercase !important;
font-size: 10px !important;
letter-spacing: 0.1em !important;
color: #999 !important;
padding: 0 0 12px !important;
}
body.woocommerce-order-received .shop_table.order_details td:last-child,
body.woocommerce-order-received .shop_table.order_details th:last-child {
text-align: right !important;
}
body.woocommerce-order-received .shop_table.order_details .product-name a {
color: var(--eter-ink) !important;
text-decoration: none !important;
font-weight: 500 !important;
}
body.woocommerce-order-received .shop_table.order_details .product-name a:hover {
text-decoration: underline !important;
}
body.woocommerce-order-received .wc-item-meta {
font-size: 12px !important;
color: #888 !important;
margin: 4px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-order-received .wc-item-meta li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 12px !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
body.woocommerce-order-received .wc-item-meta p {
margin: 0 !important;
display: inline !important;
}
body.woocommerce-order-received .wc-item-meta strong {
font-weight: 400 !important;
color: #888 !important;
text-transform: none !important;
}
/* Footer da tabela — subtotal / total */
body.woocommerce-order-received .shop_table.order_details tfoot td,
body.woocommerce-order-received .shop_table.order_details tfoot th {
font-size: 14px !important;
padding: 14px 0 !important;
}
body.woocommerce-order-received .shop_table.order_details tfoot tr:last-child td,
body.woocommerce-order-received .shop_table.order_details tfoot tr:last-child th {
font-size: 18px !important;
font-weight: 600 !important;
border-top: 1px solid var(--eter-ink) !important;
border-bottom: 0 !important;
padding-top: 22px !important;
}
/* Bloco de moradas — grid, sem caixas bordadas */
body.woocommerce-order-received .woocommerce-customer-details {
margin-top: 56px !important;
}
body.woocommerce-order-received .woocommerce-columns--addresses {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 32px !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-order-received .woocommerce-columns--addresses .col-1,
body.woocommerce-order-received .woocommerce-columns--addresses .col-2 {
padding: 0 !important;
width: 100% !important;
float: none !important;
}
body.woocommerce-order-received address {
font-style: normal !important;
border: 0 !important;
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
font-size: 14px !important;
line-height: 1.8 !important;
color: var(--eter-ink) !important;
box-shadow: none !important;
}
body.woocommerce-order-received .woocommerce-customer-details--email,
body.woocommerce-order-received .woocommerce-customer-details--phone {
padding-left: 0 !important;
margin: 6px 0 0 !important;
font-size: 14px !important;
color: #666 !important;
}
body.woocommerce-order-received .woocommerce-customer-details--email::before,
body.woocommerce-order-received .woocommerce-customer-details--phone::before {
display: none !important;
}
/* CTA "Continuar a comprar" no fim (adicionado via filter) */
.eter-thankyou-cta {
margin: 64px 0 0 !important;
padding-top: 32px !important;
border-top: 0.5px solid var(--eter-line, #e5e5e3) !important;
text-align: left !important;
}
.eter-thankyou-cta a {
display: inline-block !important;
background: var(--eter-ink) !important;
color: #fff !important;
padding: 14px 32px !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: opacity .2s ease !important;
}
.eter-thankyou-cta a:hover {
opacity: .85 !important;
color: #fff !important;
}
/* ===================== v1.58 (fix thank-you alignment + Add Payment Method page) ===================== */
/* Alinhar título "Encomenda recebida" com o conteúdo centrado */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-header,
body.woocommerce-order-received .entry-header {
max-width: 880px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
width: 100% !important;
}
/* === Add Payment Method (My Account → Métodos de Pagamento → Adicionar) === */
/* Título estilo ÉTER */
body.woocommerce-add-payment-method .entry-title,
body.woocommerce-add-payment-method h1.entry-title,
body.woocommerce-add-payment-method .page-header h1 {
font-family: 'Inter', sans-serif !important;
font-size: 36px !important;
font-weight: 500 !important;
text-align: left !important;
letter-spacing: -0.01em !important;
color: var(--eter-ink) !important;
margin: 56px 0 32px !important;
}
/* Nukear o fundo lilás/cinza do Stripe payment box */
body.woocommerce-add-payment-method ul.payment_methods,
body.woocommerce-add-payment-method ul.wc_payment_methods,
body.woocommerce-add-payment-method #add_payment_method #payment,
body.woocommerce-add-payment-method #add_payment_method {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
body.woocommerce-add-payment-method li.wc_payment_method,
body.woocommerce-add-payment-method ul.payment_methods li {
list-style: none !important;
margin: 0 0 16px !important;
padding: 0 !important;
background: transparent !important;
}
/* Label do método (Credit / Debit Card) */
body.woocommerce-add-payment-method li.wc_payment_method > label,
body.woocommerce-add-payment-method ul.payment_methods li label[for^="payment_method"] {
display: flex !important;
align-items: center !important;
padding: 16px 20px !important;
border: 0.5px solid var(--eter-line, #e5e5e3) !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--eter-ink) !important;
cursor: pointer !important;
background: #fff !important;
margin: 0 !important;
}
body.woocommerce-add-payment-method ul.payment_methods li input[type="radio"] {
accent-color: var(--eter-ink) !important;
margin-right: 12px !important;
}
/* Payment box (onde o form do cartão fica) */
body.woocommerce-add-payment-method .payment_box,
body.woocommerce-add-payment-method div.payment_box {
background: #faf9f7 !important;
background-color: #faf9f7 !important;
border: 0 !important;
border-radius: 8px !important;
margin: 8px 0 0 !important;
padding: 24px !important;
box-shadow: none !important;
color: var(--eter-ink) !important;
font-size: 14px !important;
}
body.woocommerce-add-payment-method .payment_box::before,
body.woocommerce-add-payment-method .payment_box::after {
display: none !important;
content: none !important;
}
/* "Test mode" notice */
body.woocommerce-add-payment-method .payment_box > p:first-child,
body.woocommerce-add-payment-method .payment_box .wc-stripe-testmode-notice {
background: #fff !important;
padding: 14px 18px !important;
border-radius: 6px !important;
font-size: 13px !important;
margin: 0 0 20px !important;
color: #555 !important;
border: 0.5px solid var(--eter-line, #e5e5e3) !important;
}
/* Form fields */
body.woocommerce-add-payment-method .form-row {
margin-bottom: 14px !important;
padding: 0 !important;
}
body.woocommerce-add-payment-method .form-row label {
display: block !important;
font-size: 13px !important;
color: #555 !important;
margin-bottom: 6px !important;
font-weight: 400 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
body.woocommerce-add-payment-method .form-row input[type="text"],
body.woocommerce-add-payment-method .form-row input[type="email"],
body.woocommerce-add-payment-method .form-row select {
width: 100% !important;
padding: 12px 14px !important;
border: 0.5px solid var(--eter-line, #e5e5e3) !important;
border-radius: 6px !important;
font-size: 14px !important;
font-family: 'Inter', sans-serif !important;
background: #fff !important;
color: var(--eter-ink) !important;
box-shadow: none !important;
}
body.woocommerce-add-payment-method .form-row input:focus,
body.woocommerce-add-payment-method .form-row select:focus {
outline: 0 !important;
border-color: var(--eter-ink) !important;
}
/* Stripe Elements iframes (campo cartão, expiry, CVC) */
body.woocommerce-add-payment-method .wc-stripe-elements-field,
body.woocommerce-add-payment-method .wc-stripe-iban-element-field,
body.woocommerce-add-payment-method .StripeElement {
padding: 12px 14px !important;
border: 0.5px solid var(--eter-line, #e5e5e3) !important;
border-radius: 6px !important;
background: #fff !important;
box-shadow: none !important;
}
body.woocommerce-add-payment-method .StripeElement--focus {
border-color: var(--eter-ink) !important;
}
/* Texto pequeno de aviso (autorização) */
body.woocommerce-add-payment-method .payment_box small,
body.woocommerce-add-payment-method .payment_box .wc-stripe-save-source-info {
display: block !important;
margin-top: 14px !important;
font-size: 12px !important;
color: #888 !important;
line-height: 1.5 !important;
}
/* Botão "Adicionar método de pagamento" */
body.woocommerce-add-payment-method button[type="submit"],
body.woocommerce-add-payment-method .button.woocommerce-Button,
body.woocommerce-add-payment-method #place_order {
background: var(--eter-ink) !important;
background-color: var(--eter-ink) !important;
color: #fff !important;
padding: 14px 32px !important;
border-radius: 999px !important;
border: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
cursor: pointer !important;
margin-top: 20px !important;
min-width: 220px !important;
}
body.woocommerce-add-payment-method button[type="submit"]:hover {
opacity: .85 !important;
color: #fff !important;
}
/* ===================== v1.59 (encomenda recebida: coluna única centrada · ícone Métodos de Pagamento · radio do Stripe à esquerda) ===================== */
/* ---------- (A) Encomenda recebida — centrar a COLUNA inteira ----------
A v1.58 centrava só o elemento do título; o desalinhamento vinha de o
título e o conteúdo viverem em wrappers diferentes. Centramos antes o
contentor e os filhos passam a 100% da coluna → ficam no mesmo eixo. */
body.woocommerce-order-received main.site-main,
body.woocommerce-order-received .page-content,
body.woocommerce-order-received .site-main {
max-width: 880px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title,
body.woocommerce-order-received .page-header,
body.woocommerce-order-received .entry-header,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
margin-top: 64px !important;
margin-bottom: 8px !important;
text-align: left !important;
}
/* ---------- (B) Ícones do menu da conta como MÁSCARA ----------
Passam a seguir a cor do texto (currentColor): escuros no estado normal,
BRANCOS no item ativo (que tem fundo preto) — antes os ::before com
background-image escuro desapareciam no preto. Inclui o novo ícone de
cartão para "Métodos de Pagamento". */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
background-image: none !important;
background-color: currentColor !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
.woocommerce-MyAccount-navigation-link--dashboard a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 12 4l9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12 12 4l9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--orders a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--eter-favorites a::before,
.woocommerce-MyAccount-navigation-link--favoritos a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78l1.06 1.06L12 21l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78l1.06 1.06L12 21l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-MyAccount-navigation-link--morada a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}
/* ---------- (C) Adicionar método de pagamento — radio à ESQUERDA do título ----------
A "bola" passa de cima do "Credit / Debit Card" para a sua esquerda, na
mesma linha; o formulário do cartão desce para a linha seguinte a 100%. */
body.woocommerce-add-payment-method ul.payment_methods > li,
body.woocommerce-add-payment-method ul.wc_payment_methods > li,
body.woocommerce-add-payment-method li.wc_payment_method {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
column-gap: 12px !important;
row-gap: 0 !important;
}
body.woocommerce-add-payment-method ul.payment_methods > li > input[type="radio"],
body.woocommerce-add-payment-method li.wc_payment_method > input[type="radio"] {
order: 0 !important;
flex: 0 0 auto !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
position: static !important;
float: none !important;
accent-color: var(--eter-ink) !important;
}
body.woocommerce-add-payment-method ul.payment_methods > li > label,
body.woocommerce-add-payment-method li.wc_payment_method > label {
order: 1 !important;
flex: 1 1 auto !important;
margin: 0 !important;
}
body.woocommerce-add-payment-method ul.payment_methods > li > .payment_box,
body.woocommerce-add-payment-method li.wc_payment_method > .payment_box,
body.woocommerce-add-payment-method ul.payment_methods > li > div.payment_box {
order: 2 !important;
flex: 1 1 100% !important;
width: 100% !important;
margin-top: 16px !important;
}
/* ===================== v1.61 (carrinho vazio + botões de bloco · esconder G Pay na ficha · etiqueta "Cartão" do checkout) ===================== */
/* ---------- (A) Botões de bloco com FUNDO no estado normal ----------
A regra antiga só dava cor de texto branca a .wp-element-button e fundo
apenas no :hover — no estado normal ficavam brancos sobre branco
(era o "Browse store"/voltar à loja que parecia um tracejado). */
.wp-element-button,
.wp-block-button__link,
.wc-block-components-button.contained {
background-color: #111 !important;
color: #fff !important;
border: 0 !important;
text-decoration: none !important;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.wc-block-components-button.contained:hover {
background-color: #333 !important;
color: #fff !important;
}
/* ---------- (B) Carrinho vazio — "Novo na loja" e botões iguais ao resto ---------- */
.wp-block-woocommerce-empty-cart-block {
max-width: 980px !important;
margin: 0 auto !important;
text-align: center !important;
}
/* Botão "Voltar à loja" / "Browse store" — pílula preta legível */
.wp-block-woocommerce-empty-cart-block .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block a.wp-element-button {
display: inline-block !important;
background: #111 !important;
color: #fff !important;
border-radius: 100px !important;
padding: 12px 26px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
margin: 8px 0 8px !important;
}
/* Cabeçalho "Novo na loja" */
.wp-block-woocommerce-empty-cart-block h2,
.wp-block-woocommerce-empty-cart-block .wp-block-heading {
text-align: center !important;
font-size: 22px !important;
font-weight: 600 !important;
letter-spacing: -0.01em !important;
margin: 8px 0 28px !important;
}
/* Botões "Adicionar ao carrinho" dos produtos do bloco — pílula preta, sem sublinhado */
.wp-block-woocommerce-cart a.add_to_cart_button,
.wp-block-woocommerce-cart .wc-block-components-product-button .wp-block-button__link,
.wp-block-woocommerce-cart .wc-block-grid__product .wp-block-button__link,
.wp-block-woocommerce-cart .wp-block-woocommerce-product-template .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block a.add_to_cart_button,
.wp-block-woocommerce-empty-cart-block .wp-block-button__link.add_to_cart_button {
background: #111 !important;
color: #fff !important;
border: 0 !important;
border-radius: 100px !important;
padding: 9px 16px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
box-shadow: none !important;
width: auto !important;
display: inline-block !important;
}
.wp-block-woocommerce-cart a.add_to_cart_button:hover,
.wp-block-woocommerce-empty-cart-block a.add_to_cart_button:hover,
.wp-block-woocommerce-cart .wc-block-components-product-button .wp-block-button__link:hover {
background: #333 !important;
color: #fff !important;
}
/* ---------- (D) Etiqueta do método de pagamento ("Cartão") em tinta, não azul ----------
Cobre checkout em blocos e clássico. */
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__option-label,
.wp-block-woocommerce-checkout .wc-block-components-payment-method-label,
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method label,
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option label,
body.woocommerce-checkout li.wc_payment_method > label,
body.woocommerce-checkout .payment_methods label[for^="payment_method"] {
color: var(--eter-ink) !important;
text-decoration: none !important;
}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label a,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label strong,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label span,
body.woocommerce-checkout li.wc_payment_method > label a,
body.woocommerce-checkout li.wc_payment_method > label strong {
color: inherit !important;
text-decoration: none !important;
}
/* ===================== v1.64 (seletor de cor por MINIATURA + botão de favorito a toda a largura) ===================== */
/* ---------- Miniaturas de cor (foto da peça por variação) ---------- */
.eter-swatch--image {
width: 56px; height: 70px; min-width: 0; padding: 3px;
border: 1px solid #ddd; border-radius: 8px; background: #f1f1ef;
overflow: hidden; display: inline-flex; align-items: center; justify-content: center;
}
.eter-swatch--image img {
width: 100%; height: 100%; object-fit: cover; border-radius: 5px; display: block;
}
.eter-swatch--image.is-active {
border-color: var(--eter-ink) !important;
box-shadow: 0 0 0 1px var(--eter-ink);
outline: none !important;
}
/* ---------- Botão de favorito na ficha: pílula a toda a largura, com texto ---------- */
.single-product .summary .eter-wishlist-btn {
width: 100% !important;
height: 52px !important;
border-radius: 100px !important;
border: 1px solid #ddd !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #111 !important;
margin-top: 12px !important;
}
.single-product .summary .eter-wishlist-btn:hover,
.single-product .summary .eter-wishlist-btn:focus {
border-color: #111 !important;
background: #faf9f7 !important;
}
.single-product .summary .eter-wishlist-btn .eter-fav-label { line-height: 1; }
.single-product .summary .eter-wishlist-btn .eter-heart { font-size: 18px !important; line-height: 1; }
.single-product .summary .eter-wishlist-btn.is-active { border-color: #111 !important; }
/* ===================== v1.65 (favorito só no resumo · esconder nos relacionados) ===================== */
/* O favorito é só do produto que se está a ver — fora dos relacionados/upsells. */
.single-product .related.products .eter-wishlist-btn,
.single-product .upsells.products .eter-wishlist-btn,
.single-product .products .eter-wishlist-btn {
display: none !important;
}
/* ===================== v1.66 (botão "Adicionar ao carrinho" igual ao "Favorito": tamanho + animação) ===================== */
/* Mesmo tamanho/forma que o botão de favorito */
.single-product .summary .single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button {
width: 100% !important;
height: 52px !important;
border-radius: 100px !important;
font-size: 15px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 24px !important;
border: 1px solid #111 !important;
box-shadow: none !important;
transition: background-color .2s ease, border-color .2s ease, transform .12s ease !important;
}
.single-product .summary .single_add_to_cart_button:hover {
background-color: #333 !important;
border-color: #333 !important;
}
.single-product .summary .single_add_to_cart_button:active {
transform: scale(0.99) !important;
}
/* Mesma animação no botão de favorito, para o par ficar consistente */
.single-product .summary .eter-wishlist-btn {
transition: background-color .2s ease, border-color .2s ease, transform .12s ease !important;
}
.single-product .summary .eter-wishlist-btn:active {
transform: scale(0.99) !important;
}
/* ===================== v1.67 (mesmo efeito de "crescer" no hover nos dois botões) ===================== */
.single-product .summary .single_add_to_cart_button:not(.disabled):not([disabled]):hover,
.single-product .summary .eter-wishlist-btn:hover {
transform: scale(1.02) !important;
}
.single-product .summary .single_add_to_cart_button:not(.disabled):not([disabled]):active,
.single-product .summary .eter-wishlist-btn:active {
transform: scale(0.99) !important;
}
/* ===================== v1.68 (pesquisa de produtos no cabeçalho) ===================== */
/* Botão da lupa — igual aos outros ícones de ação */
.eter-actions .eter-search-toggle {
border: 0; background: transparent; padding: 0; margin: 0;
color: var(--eter-ink); display: inline-flex; align-items: center; cursor: pointer;
}
/* Painel deslizante de pesquisa */
.eter-search-panel {
position: fixed; left: 0; right: 0; top: 0; z-index: 1200;
background: rgba(255,255,255,0.98);
-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
border-bottom: 1px solid var(--eter-line);
box-shadow: 0 8px 24px rgba(0,0,0,.05);
transform: translateY(-100%); transition: transform .25s ease;
padding: 20px 24px;
}
.eter-search-panel.is-open { transform: translateY(0); }
.eter-search-form {
display: flex; align-items: center; gap: 12px;
max-width: 720px; margin: 0 auto;
border-bottom: 1.5px solid var(--eter-ink); padding-bottom: 8px;
color: var(--eter-ink);
}
.eter-search-form svg { width: 20px; height: 20px; flex: 0 0 auto; }
.eter-search-form input[type="search"] {
flex: 1 1 auto; border: 0; outline: none; background: transparent;
font-size: 18px; padding: 6px 0; color: var(--eter-ink);
-webkit-appearance: none; appearance: none;
}
.eter-search-form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.eter-search-close {
border: 0; background: transparent; font-size: 26px; line-height: 1;
cursor: pointer; color: var(--eter-muted); flex: 0 0 auto; padding: 0 4px;
}
.eter-search-close:hover { color: var(--eter-ink); }
/* ===================== v1.69 (página de resultados de pesquisa) ===================== */
.eter-search-results {
max-width: 1280px;
margin: 0 auto;
padding: 44px 24px 84px;
}
.eter-search-results__header { margin-bottom: 28px; }
.eter-search-results .entry-title {
font-size: 26px; font-weight: 600; letter-spacing: -0.01em; margin: 0;
}
.eter-search-results .entry-title span { font-weight: 600; }
.eter-search-results__count {
color: var(--eter-gray); font-size: 14px; margin: 8px 0 0;
}
.eter-search-empty { padding: 12px 0 0; }
.eter-search-empty p { color: var(--eter-gray); margin: 0 0 18px; }
.eter-search-empty .eter-btn {
display: inline-block; background: #111; color: #fff;
border-radius: 100px; padding: 12px 26px; font-weight: 600;
font-size: 14px; text-decoration: none;
}
.eter-search-list { list-style: none; margin: 0; padding: 0; }
.eter-search-list li { padding: 12px 0; border-bottom: 1px solid var(--eter-line); }
.eter-search-list a { color: var(--eter-ink); text-decoration: none; font-size: 16px; }
.eter-search-list a:hover { text-decoration: underline; }
.eter-search-results__nav { margin-top: 40px; }
.eter-search-results__nav .page-numbers {
display: inline-flex; gap: 8px; list-style: none; padding: 0; margin: 0; flex-wrap: wrap;
}
.eter-search-results__nav .page-numbers li a,
.eter-search-results__nav .page-numbers li span {
display: inline-flex; align-items: center; justify-content: center;
min-width: 38px; height: 38px; padding: 0 10px;
border: 1px solid var(--eter-line); border-radius: 8px;
text-decoration: none; color: var(--eter-ink); font-size: 14px;
}
.eter-search-results__nav .page-numbers li span.current {
background: #111; color: #fff; border-color: #111;
}
/* ===================== v1.70 (cabeçalho de coleção para Páginas: [eter_page_header]) ===================== */
.eter-page-header { padding: 8px 0 4px; }
.eter-page-header__crumbs {
font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
color: var(--eter-muted); margin: 0 0 10px;
}
.eter-page-header__crumbs a { color: var(--eter-muted); text-decoration: none; }
.eter-page-header__crumbs a:hover { color: var(--eter-ink); }
.eter-page-header__title {
font-size: 42px; font-weight: 700; letter-spacing: -0.02em;
line-height: 1.05; margin: 0 0 8px; color: var(--eter-ink);
}
.eter-page-header__count { color: var(--eter-gray); font-size: 15px; margin: 0; }
@media (max-width: 600px) {
.eter-page-header__title { font-size: 30px; }
}
/* v1.71 — esconder o título de página do tema quando usamos o [eter_page_header] (evita duplicado) */
body.eter-has-page-header .entry-title:not(.eter-page-header__title),
body.eter-has-page-header .page-title:not(.eter-page-header__title) {
display: none !important;
}
/* ===================== v1.72 (uniformizar título + preço na grelha: cor, fonte, peso e alinhamento) ===================== */
/* Título — mesma fonte, cor e peso em todos os cartões */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
font-family: inherit !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--eter-ink) !important;
line-height: 1.3 !important;
margin: 8px 0 0 0 !important;
}
/* Caixa de preço */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
font-family: inherit !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--eter-ink) !important;
line-height: 1.3 !important;
margin: 6px 0 0 0 !important;
display: block !important;
}
/* Preço ATIVO (normal OU o de promoção ) — exatamente igual nos dois casos */
.woocommerce ul.products li.product .price > .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price > .woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins .woocommerce-Price-amount {
font-family: inherit !important;
font-weight: 600 !important;
color: var(--eter-ink) !important;
text-decoration: none !important;
background: transparent !important;
vertical-align: baseline !important;
}
/* Preço ANTIGO (riscado) — cinzento, peso normal, na mesma linha de base */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce-page ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del .woocommerce-Price-amount {
font-family: inherit !important;
font-weight: 400 !important;
color: var(--eter-muted) !important;
text-decoration: line-through !important;
vertical-align: baseline !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
margin-right: 8px !important;
}
/* ===================== v1.73 (coração de favorito: borda neutra ÉTER, mata o cor-de-rosa do Elementor) ===================== */
.woocommerce ul.products li.product .eter-wishlist-btn,
.woocommerce-page ul.products li.product .eter-wishlist-btn {
border: 1px solid var(--eter-line) !important;
outline: none !important;
color: var(--eter-ink) !important;
}
.woocommerce ul.products li.product .eter-wishlist-btn:hover,
.woocommerce-page ul.products li.product .eter-wishlist-btn:hover {
border-color: var(--eter-ink) !important;
}
.woocommerce ul.products li.product .eter-wishlist-btn .eter-heart,
.woocommerce ul.products li.product .eter-wishlist-btn.is-active .eter-heart,
.woocommerce ul.products li.product .eter-wishlist-btn.is-active .eter-heart::before {
color: var(--eter-ink) !important;
}
/* ===================== v1.74 (lote: produto 70/30 · info adicional · notices · carrinho · grelha · checkout · conta) ===================== */
/* --- (Print 4) Ficha de produto: ~70/30 imagens/texto, texto a 100% da coluna --- */
.single-product div.product {
grid-template-columns: 2fr 1fr !important;
gap: 48px !important;
max-width: 1280px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.single-product div.product .summary,
.single-product div.product .entry-summary {
width: 100% !important;
max-width: 100% !important;
}
@media (max-width: 860px) {
.single-product div.product { grid-template-columns: 1fr !important; gap: 24px !important; }
}
/* --- (Print 2) Tabela "Informação adicional": sem fundo, bordas finas, centrado em altura --- */
.single-product .woocommerce-tabs .panel > h2:first-child,
.single-product .wc-tab > h2:first-child,
.single-product .woocommerce-Tabs-panel > h2:first-child { display: none !important; }
.single-product .woocommerce-product-attributes,
.single-product table.shop_attributes {
width: 100% !important;
border-collapse: collapse !important;
margin: 0 !important;
font-size: 14px !important;
}
.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td,
.single-product table.shop_attributes th,
.single-product table.shop_attributes td {
background: transparent !important;
border: 1px solid var(--eter-line) !important;
padding: 14px 16px !important;
vertical-align: middle !important;
font-style: normal !important;
line-height: 1.5 !important;
text-align: left !important;
}
.single-product .woocommerce-product-attributes th,
.single-product table.shop_attributes th {
font-weight: 600 !important;
color: var(--eter-ink) !important;
width: 32% !important;
white-space: nowrap !important;
}
.single-product .woocommerce-product-attributes td,
.single-product table.shop_attributes td { color: #555 !important; font-weight: 400 !important; }
.single-product .woocommerce-product-attributes td p,
.single-product table.shop_attributes td p { margin: 0 !important; }
/* --- (Print 5) Notices clean, sem fundo: verde OK / vermelho #d0021b erro --- */
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message {
background: transparent !important;
border: 0 !important;
border-left: 2px solid #1a7f37 !important;
color: #1a7f37 !important;
padding: 12px 0 12px 16px !important;
border-radius: 0 !important;
}
.woocommerce-info {
background: transparent !important;
border: 0 !important;
border-left: 2px solid #111 !important;
color: #111 !important;
padding: 12px 0 12px 16px !important;
border-radius: 0 !important;
}
.woocommerce-error {
background: transparent !important;
border: 0 !important;
border-left: 2px solid #d0021b !important;
color: #d0021b !important;
padding: 12px 0 12px 16px !important;
border-radius: 0 !important;
}
.woocommerce-error a,
.woocommerce-info a { color: inherit !important; }
.wc-block-components-notice-banner {
background: transparent !important;
border: 0 !important;
border-left: 2px solid #111 !important;
color: #111 !important;
border-radius: 0 !important;
padding: 12px 0 12px 16px !important;
}
.wc-block-components-notice-banner.is-success { border-left-color: #1a7f37 !important; color: #1a7f37 !important; }
.wc-block-components-notice-banner.is-error { border-left-color: #d0021b !important; color: #d0021b !important; }
.wc-block-components-notice-banner.is-info { border-left-color: #111 !important; color: #111 !important; }
/* --- (Print 6) Carrinho: esconder título "Carrinho" + mais espaçamento --- */
body.woocommerce-cart .entry-title,
body.woocommerce-cart h1.entry-title,
body.woocommerce-cart .wp-block-post-title { display: none !important; }
body.woocommerce-cart .site-main,
body.woocommerce-cart main { padding-top: 64px !important; padding-bottom: 88px !important; }
/* --- (Print 1) Grelha: espaçamento interno mais apertado + folga antes da newsletter --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title { margin: 6px 0 0 0 !important; }
.woocommerce ul.products li.product .eter-loop-sub,
.woocommerce-page ul.products li.product .eter-loop-sub { margin: 2px 0 0 0 !important; }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { margin: 8px 0 0 0 !important; }
.woocommerce ul.products,
.woocommerce-page ul.products { margin-bottom: 72px !important; }
/* --- (Print 7) Checkout: espaçamento em cima + resumo flutuante com folga (linha não corta) --- */
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main { padding-top: 40px !important; }
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
position: sticky !important;
top: 24px !important;
align-self: flex-start !important;
}
/* --- (Print 8/9/10) Conta: espaçamento uniforme em cima/baixo --- */
body.woocommerce-account .site-main,
body.woocommerce-account main { padding-top: 56px !important; padding-bottom: 88px !important; }
/* ===================== v1.75 (barra de scroll com identidade ÉTER — opção B "Plana") ===================== */
html { scrollbar-width: auto; scrollbar-color: #111111 #f4f4f2; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f4f4f2; }
::-webkit-scrollbar-thumb { background: #111111; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: #000000; }
::-webkit-scrollbar-corner { background: #f4f4f2; }
/* ===================== v1.76 (hover dos títulos de produto = tinta, como o menu; nunca azul) ===================== */
.eter-product a,
.eter-product a:link,
.eter-product a:visited,
.eter-product a:hover,
.eter-product a:focus {
color: var(--eter-ink);
text-decoration: none;
transition: color .18s ease;
}
.eter-product a:hover .name,
.eter-product a:focus .name { color: var(--eter-ink); }
/* grelha WooCommerce (Produtos) */
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a { transition: color .18s ease; }
.woocommerce ul.products li.product a:hover,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product a:hover,
.woocommerce-page ul.products li.product a:hover .woocommerce-loop-product__title {
color: var(--eter-ink) !important;
}
/* ===================== v1.77 (correção: .eter-product É o próprio link → hover a tinta) ===================== */
a.eter-product,
a.eter-product:link,
a.eter-product:visited,
a.eter-product:hover,
a.eter-product:focus,
a.eter-product:active {
color: var(--eter-ink) !important;
text-decoration: none !important;
transition: color .18s ease;
}
a.eter-product:hover .name,
a.eter-product:focus .name,
a.eter-product:hover .price,
a.eter-product:focus .price {
color: var(--eter-ink) !important;
}
/* ===================== v1.90 (Novidades-grelha: TÍTULO à esquerda, PRODUTOS centrados) ===================== */
/* O .site-main volta a largura total, por isso o breadcrumb e o título "Novidades"
ficam encostados à esquerda (recuo de 48px). Os produtos mantêm-se centrados
na página através do justify-content: center na grelha (não mexem). */
body.eter-shop-grid .site-main {
max-width: 100% !important;
width: auto !important;
margin: 0 !important;
padding: 0 48px 80px 48px !important;
}
body.eter-shop-grid .woocommerce { padding: 0 !important; }
body.eter-shop-grid .woocommerce ul.products,
body.eter-shop-grid ul.products {
grid-template-columns: repeat(3, minmax(0, 360px)) !important;
justify-content: center !important;
justify-items: stretch !important;
gap: 16px !important;
}
@media (max-width: 768px) {
body.eter-shop-grid .site-main { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (max-width: 720px) {
body.eter-shop-grid .woocommerce ul.products,
body.eter-shop-grid ul.products { grid-template-columns: repeat(2, minmax(0, 360px)) !important; }
}
@media (max-width: 480px) {
body.eter-shop-grid .woocommerce ul.products,
body.eter-shop-grid ul.products { grid-template-columns: 1fr !important; }
}
/* ===================== v1.83 (Novidades-grelha: garantir título visível) ===================== */
body.eter-shop-grid .woocommerce-products-header,
body.eter-shop-grid .woocommerce-products-header .woocommerce-products-header__title { display: block !important; }
/* ===================== v1.91 (logótipo ÉTER: sem azul no hover) ===================== */
.eter-header .eter-logo { color: var(--eter-ink) !important; text-decoration: none !important; }
.eter-header .eter-logo:hover,
.eter-header .eter-logo:focus { color: #555 !important; }
/* ===================== v1.98 (Minha Conta login/registo — título igual a Produtos/Novidades + página compacta) ===================== */
/* Estrutura real: .eter-main > #content.site-main > { .page-header (título) + .page-content > .woocommerce }.
Antes: padding-top 56px + margem 40px no título empurravam-no para baixo, e a cadeia
flex esticava o contentor (tela cheia) gerando scroll. Agora: título colado ao topo e
à esquerda como na Novidades (recuo 48px), e tudo no fluxo normal (compacto). */
/* Contentor: topo colado (como Novidades), recuo lateral igual (48px), fundo curto */
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) main#content {
padding: 0 48px 48px 48px !important;
}
/* Não esticar nenhum contentor (evita a tela cheia vazia que gerava o scroll) */
body.woocommerce-account:not(.logged-in) .eter-main,
body.woocommerce-account:not(.logged-in) .eter-main > #content.site-main,
body.woocommerce-account:not(.logged-in) #content.site-main > .page-content {
display: block !important;
flex: 0 0 auto !important;
min-height: 0 !important;
}
/* Título: mesma margem curta das páginas de listagem, à esquerda, 36px (já herdado) */
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) .entry-header h1,
body.woocommerce-account:not(.logged-in) .page-title {
margin: 4px 0 8px 0 !important;
text-align: left !important;
}
body.woocommerce-account:not(.logged-in) .page-header,
body.woocommerce-account:not(.logged-in) .entry-header {
margin: 0 0 16px 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* Cartão no fluxo normal — continua centrado na horizontal pelo margin auto do próprio card */
body.woocommerce-account:not(.logged-in) .page-content > .woocommerce {
display: block !important;
min-height: 0 !important;
padding: 0 0 24px 0 !important;
}
/* Aviso acima do cartão, com a largura do cartão e centrado */
body.woocommerce-account:not(.logged-in) .page-content > .woocommerce-notices-wrapper {
width: 100% !important;
max-width: 420px !important;
margin: 0 auto 20px auto !important;
}
body.woocommerce-account:not(.logged-in) .page-content > .woocommerce-notices-wrapper:empty {
display: none !important;
}
/* ===================== v1.99 (medidor de força da senha — barra visual ÉTER) ===================== */
/* Em vez de uma caixa de texto, um indicador de força: barra fina no topo que enche
e muda de cor conforme a senha, com o estado em texto pequeno por baixo. */
.woocommerce-password-strength {
position: relative !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 14px 0 0 0 !important;
margin: 12px 0 4px 0 !important;
font-size: 12.5px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
text-align: left !important;
color: #777 !important;
}
/* Calha (fundo da barra) */
.woocommerce-password-strength::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 4px !important;
background: #e8e8e6 !important;
}
/* Preenchimento (largura + cor conforme a força) */
.woocommerce-password-strength::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 4px !important;
width: 0 !important;
background: #c63030 !important;
transition: width .25s ease, background .25s ease !important;
}
.woocommerce-password-strength.short::after { width: 25% !important; background: #c63030 !important; }
.woocommerce-password-strength.bad::after { width: 50% !important; background: #d98324 !important; }
.woocommerce-password-strength.good::after { width: 75% !important; background: #ef8a1a !important; }
.woocommerce-password-strength.strong::after { width: 100% !important; background: #1f7a3d !important; }
/* Cor do texto do estado conforme a força */
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad { color: #c63030 !important; }
.woocommerce-password-strength.good { color: #b5651d !important; }
.woocommerce-password-strength.strong { color: #1f7a3d !important; }
/* Sugestão por baixo: discreta */
.woocommerce-password-hint {
display: block !important;
color: #999999 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
margin: 6px 0 0 0 !important;
}