/* Loja Ecoa: cabeçalho com sacola e páginas do WooCommerce no visual do catálogo. */

/* Cabeçalho: seleção + sacola */
.header-actions{justify-self:end;display:flex;align-items:center;gap:26px}
.header-actions .selection-toggle{justify-self:auto}
@media(max-width:700px){
  .header-actions{grid-column:2;grid-row:1;gap:14px}
  .header-actions .selection-toggle span{display:none}
}
.detail-info .button-dark:disabled{opacity:.6;cursor:wait}

/* Páginas da loja */
.loja-pagina{max-width:1240px;margin:0 auto;padding:64px 5.4% 90px;min-height:50vh}
.loja-titulo,.woocommerce-products-header__title,.product_title{font-family:var(--font-display);font-weight:300;letter-spacing:-.025em}
.loja-titulo{font-size:clamp(40px,5vw,64px);margin-bottom:36px}
.woocommerce-breadcrumb{font-size:10px;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:28px}
.woocommerce-breadcrumb a{text-decoration:underline;text-underline-offset:3px}

/* Página da peça */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product div.images{background:var(--color-sand)}
.woocommerce div.product div.images img{object-fit:contain;aspect-ratio:787/1400}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:8px;padding:12px}
.woocommerce div.product div.images .flex-control-thumbs li{width:44px;float:none}
.product_title{font-size:62px;margin:0 0 8px}
.woocommerce-product-details__short-description{font-size:12px;color:var(--color-text-muted)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--color-ink);font-size:18px;margin:15px 0 26px}
.woocommerce div.product form.cart .variations{margin-bottom:12px}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0;line-height:1.6}
.woocommerce div.product form.cart .variations label{font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}
.woocommerce div.product form.cart .variations select{width:100%;margin-top:10px;padding:13px 12px;background:transparent;border:1px solid var(--color-border);font-size:12px}
.woocommerce div.product form.cart .reset_variations{font-size:10px;text-decoration:underline}
.woocommerce div.product form.cart{display:block}
.woocommerce .quantity .qty{padding:14px 6px;border:1px solid var(--color-border);background:transparent;width:64px}
.woocommerce-variation-add-to-cart{display:flex;gap:10px;margin-top:14px}
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 22px;border-bottom:1px solid var(--color-border)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0 24px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:11px;font-weight:300;padding:12px 0;color:var(--color-text-muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--color-terracotta)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--color-ink)}
.woocommerce div.product .woocommerce-tabs .panel h2{display:none}
.woocommerce div.product .woocommerce-tabs .panel p{font-size:12px;line-height:1.95;max-width:640px;margin-bottom:14px}
.related.products{grid-column:1/-1}
.related.products>h2{font-family:var(--font-display);font-weight:300;font-size:36px;margin:30px 0 24px}

/* Botões do WooCommerce no estilo do catálogo */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link){background:var(--color-ink);color:var(--color-ivory);border:1px solid var(--color-ink);border-radius:0;padding:17px 24px;font-family:var(--font-body);font-size:11px;font-weight:300;line-height:1.4;transition:background .2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover{background:var(--color-terracotta);border-color:var(--color-terracotta);color:var(--color-ivory)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled,.woocommerce button.button:disabled[disabled],
.woocommerce div.product form.cart .button.disabled,.woocommerce button.button.alt.disabled{background:var(--color-ink)!important;color:var(--color-ivory)!important;border-color:var(--color-ink)!important;opacity:.45;padding:17px 24px}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1;background:var(--color-ink);color:var(--color-ivory)}
.woocommerce div.product form.cart .variations th{text-align:left}
.woocommerce div.product .product_meta{font-size:10px;color:var(--color-text-muted);margin-top:22px;display:flex;flex-direction:column;gap:4px}
.woocommerce div.product .product_meta a{text-decoration:underline;text-underline-offset:3px}
.woocommerce .cart .coupon{display:flex;gap:10px;flex-wrap:wrap}
.woocommerce .cart .coupon #coupon_code{width:200px!important;margin:0}
.woocommerce table.cart td.actions{padding-top:22px}

/* Listas de produtos (categorias, relacionados) */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display);font-weight:300;font-size:27px;padding:12px 0 2px}
.woocommerce ul.products li.product .price{color:var(--color-ink);font-size:11px}
.woocommerce ul.products li.product a img{background:var(--color-sand);object-fit:contain;aspect-ratio:787/1400}

/* Sacola, finalizar compra e minha conta */
.woocommerce table.shop_table{border:0;border-collapse:collapse;border-radius:0;font-size:12px}
.woocommerce table.shop_table th{font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--color-border);padding:16px 10px}
.woocommerce table.cart img{width:64px;background:var(--color-sand)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,#coupon_code{background:transparent;border:1px solid var(--color-border);border-radius:0;padding:13px 12px;font-size:12px}
.woocommerce form .form-row label{font-size:11px}
.woocommerce-checkout h3,.cart_totals h2{font-family:var(--font-display);font-weight:300;font-size:32px;margin:0 0 18px}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--color-sand);border-top-color:var(--color-terracotta);font-size:12px}
.woocommerce-info::before,.woocommerce-message::before{color:var(--color-terracotta)}
.woocommerce a.remove{color:var(--color-text-muted)!important}
.woocommerce a.remove:hover{background:var(--color-ink);color:var(--color-ivory)!important}

@media(max-width:860px){
  .woocommerce div.product{display:block}
  .woocommerce div.product div.summary{margin-top:28px}
  .product_title{font-size:48px}
  .loja-pagina{padding:40px 6% 64px}
}