/* Montan — WooCommerce no Cinema Dark
 * Projeto gerado pela MONTAN
 * Mapeia o front do Woo (carrinho, checkout, produto, avisos) pros tokens da marca.
 */

.woocommerce-page .site-main { max-width: var(--wrap); margin-inline: auto; padding: 56px 24px 80px; }

/* Tipografia/base */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 {
	font-family: var(--font-display); text-transform: uppercase; color: var(--ink); letter-spacing: -.01em;
}

/* Botões Woo → pílula musgo com texto preto */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #place_order,
.wc-block-components-button {
	background: var(--moss) !important; color: #050505 !important;
	font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
	border: 0; border-radius: var(--radius-pill) !important; padding: 12px 22px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #place_order:hover {
	background: var(--moss-hover) !important; color: #050505 !important;
}

/* Campos */
.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 {
	background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius);
	color: var(--ink); padding: 12px 14px; font: inherit;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
	outline: 2px solid var(--moss); outline-offset: 1px; border-color: var(--moss);
}
.woocommerce form .form-row label { color: var(--text); font-size: 13px; }

/* Blocos/tabelas/caixas */
.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--line) !important; color: var(--text); }
.woocommerce table.shop_table th { color: var(--ink); }
.woocommerce-checkout #payment, .woocommerce form.checkout_coupon, .woocommerce form.login {
	background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: 12px;
}
.woocommerce-checkout #payment div.payment_box { background: var(--surface-2) !important; color: var(--text) !important; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--surface-2) !important; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--line) !important; }
.woocommerce-checkout #payment ul.payment_methods li label { color: var(--ink); }

/* Avisos */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	background: var(--surface) !important; color: var(--text) !important;
	border-top-color: var(--moss) !important; border-radius: var(--radius);
}
.woocommerce-error { border-top-color: #ef4444 !important; }
.woocommerce-message a, .woocommerce-info a { color: var(--moss); }

/* Preços */
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price { color: var(--moss); font-family: var(--font-display); font-weight: 700; }
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del { color: var(--text); opacity: .7; }

/* Grid de produtos */
.woocommerce ul.products li.product {
	background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 18px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--ink); font-family: var(--font-display); text-transform: uppercase; font-size: 1rem; }

/* Order received */
.woocommerce-order-overview { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 20px !important; }
.woocommerce-order-overview li { color: var(--text) !important; border-color: var(--line) !important; }
.woocommerce-order-overview li strong { color: var(--ink); }

/* Breadcrumb/links */
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--text); }
.woocommerce a { color: var(--moss); }