/**
 * MA Media Events Theme — WooCommerce dark theme
 * Sobrescreve os estilos brancos/light do WooCommerce para o design dark.
 */

/* ── PÁGINA WRAPPER ─────────────────────────────────────────── */

.mmet-wc-page {
  background: var(--bg, #090909);
  min-height: 60vh;
  padding: 56px 0 80px;
}

.mmet-wc-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 56px;
}

@media(max-width:960px) {
  .mmet-wc-container { padding: 0 20px; }
  .mmet-wc-page { padding: 32px 0 56px; }
}

/* ── TIPOGRAFIA BASE ────────────────────────────────────────── */

.woocommerce,
.woocommerce-page {
  color: var(--t1, #f0efe8);
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3 {
  color: var(--t1, #f0efe8);
  font-weight: 300;
  letter-spacing: -.4px;
}

/* ── NOTICES / ALERTAS ──────────────────────────────────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
  background: var(--s2, #141412) !important;
  border-top-color: var(--g, #b8a07a) !important;
  color: var(--t1, #f0efe8) !important;
  border-radius: var(--r, 10px);
  margin-bottom: 24px;
}

.woocommerce-message::before,
.woocommerce-info::before { color: var(--g, #b8a07a) !important; }

.woocommerce-error li { color: var(--t1, #f0efe8); }

/* ── BREADCRUMBS ────────────────────────────────────────────── */

.woocommerce .woocommerce-breadcrumb {
  color: var(--t4, #3a3a38);
  font-size: 12px;
  margin-bottom: 32px;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--t3, #606058); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--g, #b8a07a); }

/* ── TABELAS ────────────────────────────────────────────────── */

.woocommerce table.shop_table,
.woocommerce-cart table.cart,
.woocommerce-checkout table {
  background: transparent;
  border: 1px solid var(--b2, #242422);
  border-radius: var(--r, 10px);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}

.woocommerce table.shop_table th,
.woocommerce-cart table.cart th {
  background: var(--s2, #141412);
  color: var(--t3, #606058);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 14px 20px;
  border-bottom: 1px solid var(--b2, #242422);
}

.woocommerce table.shop_table td,
.woocommerce-cart table.cart td {
  background: transparent;
  color: var(--t2, #a0a090);
  padding: 16px 20px;
  border-bottom: 1px solid var(--b1, #1c1c1a);
  vertical-align: middle;
}

.woocommerce table.shop_table tr:last-child td {
  border-bottom: none;
}

.woocommerce table.shop_table .cart-subtotal th,
.woocommerce table.shop_table .order-total th {
  background: transparent;
  color: var(--t2, #a0a090);
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}

.woocommerce table.shop_table .order-total .amount,
.woocommerce table.shop_table .order-total td {
  color: var(--t1, #f0efe8);
  font-size: 18px;
  font-weight: 600;
}

/* Nome do produto no carrinho */
.woocommerce-cart table.cart .product-name a {
  color: var(--t1, #f0efe8);
  font-weight: 600;
  text-decoration: none;
}
.woocommerce-cart table.cart .product-name a:hover { color: var(--g, #b8a07a); }

/* Remove button */
.woocommerce-cart table.cart .product-remove a {
  color: var(--t4, #3a3a38) !important;
  font-size: 18px;
  transition: color .2s;
}
.woocommerce-cart table.cart .product-remove a:hover { color: #e57878 !important; }

/* Quantidade */
.woocommerce .quantity input.qty {
  background: var(--s3, #1a1a18);
  border: 1px solid var(--b3, #2e2e2c);
  border-radius: var(--r, 10px);
  color: var(--t1, #f0efe8);
  padding: 8px 12px;
  width: 64px;
  text-align: center;
  font-size: 14px;
}

/* ── TOTAIS DO CARRINHO ──────────────────────────────────────── */

.cart_totals,
.woocommerce-shipping-totals {
  background: var(--s2, #141412);
  border: 1px solid var(--b2, #242422);
  border-radius: var(--r2, 16px);
  padding: 28px;
  margin-top: 24px;
}

.cart_totals h2 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--t1, #f0efe8) !important;
  margin-bottom: 20px !important;
}

.woocommerce .cart-collaterals .shipping-calculator-button {
  color: var(--g, #b8a07a);
  font-size: 13px;
}

/* Cupão */
.woocommerce .coupon label { color: var(--t3, #606058); font-size: 12px; }
.woocommerce .coupon input#coupon_code {
  background: var(--s3, #1a1a18);
  border: 1px solid var(--b3, #2e2e2c);
  border-radius: var(--r, 10px);
  color: var(--t1, #f0efe8);
  padding: 10px 14px;
  font-size: 13px;
}
.woocommerce .coupon input#coupon_code::placeholder { color: var(--t4, #3a3a38); }

/* ── BOTÕES ─────────────────────────────────────────────────── */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.wc-block-components-checkout-place-order-button {
  background: var(--g, #b8a07a) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  padding: 12px 24px !important;
  transition: background .2s !important;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover {
  background: var(--g2, #d4b896) !important;
  color: #000 !important;
}

/* Botão secundário (update cart, etc.) */
.woocommerce button.button[name="update_cart"],
.woocommerce a.button.outlined,
.woocommerce a.button.wc-backward {
  background: transparent !important;
  border: 1px solid var(--b3, #2e2e2c) !important;
  color: var(--t3, #606058) !important;
}
.woocommerce button.button[name="update_cart"]:hover {
  border-color: var(--b4, #3a3a38) !important;
  color: var(--t1, #f0efe8) !important;
}

/* ── CHECKOUT ───────────────────────────────────────────────── */

.woocommerce-checkout #payment,
.woocommerce #payment {
  background: var(--s2, #141412);
  border: 1px solid var(--b2, #242422);
  border-radius: var(--r2, 16px);
  padding: 24px;
}

.woocommerce-checkout #payment .payment_methods {
  border-bottom: 1px solid var(--b1, #1c1c1a);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.woocommerce-checkout #payment .payment_methods li {
  background: transparent;
  border: none;
  padding: 8px 0;
  color: var(--t2, #a0a090);
}

.woocommerce-checkout #payment .payment_methods li label { color: var(--t1, #f0efe8); }

/* Campos do checkout */
.woocommerce form .form-row label { color: var(--t3, #606058); font-size: 12px; margin-bottom: 6px; display: block; }
.woocommerce form .form-row label .required { color: var(--g, #b8a07a); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--s2, #141412) !important;
  border: 1px solid var(--b2, #242422) !important;
  border-radius: var(--r, 10px) !important;
  color: var(--t1, #f0efe8) !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  width: 100%;
  transition: border-color .2s;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--g, #b8a07a) !important;
  outline: none;
}

.woocommerce form .form-row input.input-text::placeholder { color: var(--t4, #3a3a38) !important; }

/* Order review no checkout */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout #order_review th {
  background: var(--s2, #141412);
  color: var(--t3, #606058);
}
.woocommerce-checkout #order_review td { color: var(--t2, #a0a090); }

/* ── ORDER RECEIVED ─────────────────────────────────────────── */

.woocommerce-order-received .woocommerce-order { color: var(--t2, #a0a090); }

.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-size: 20px;
  font-weight: 600;
  color: var(--t1, #f0efe8);
  margin-bottom: 20px;
}

.woocommerce-order-received .woocommerce-order-overview {
  background: var(--s2, #141412);
  border: 1px solid var(--b2, #242422);
  border-radius: var(--r2, 16px);
  padding: 24px 28px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-bottom: 32px;
}

.woocommerce-order-received .woocommerce-order-overview li {
  font-size: 13px;
  color: var(--t3, #606058);
  border: none !important;
  padding: 0 !important;
}

.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--t1, #f0efe8);
  margin-top: 2px;
}

/* ── MINHA CONTA ────────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--s2, #141412);
  border: 1px solid var(--b2, #242422);
  border-radius: var(--r2, 16px);
  padding: 8px 0;
  margin-bottom: 24px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  color: var(--t3, #606058);
  padding: 10px 20px;
  display: block;
  font-size: 13px;
  transition: color .2s;
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--t1, #f0efe8);
  background: var(--s3, #1a1a18);
}

/* ── PREÇO ──────────────────────────────────────────────────── */

.woocommerce .price,
.woocommerce .amount {
  color: var(--t1, #f0efe8) !important;
}

.woocommerce .price del,
.woocommerce .price del .amount { color: var(--t4, #3a3a38) !important; }

.woocommerce .price ins,
.woocommerce .price ins .amount {
  color: var(--g, #b8a07a) !important;
  font-weight: 600;
  text-decoration: none;
}

/* Fix símbolo € — usar Inter */
.woocommerce-Price-currencySymbol {
  font-family: var(--fb, -apple-system, sans-serif) !important;
}

/* ── SPINNER / LOADING ──────────────────────────────────────── */

.woocommerce .blockUI.blockOverlay::before { border-top-color: var(--g, #b8a07a); }

/* ── RESPONSIVE ─────────────────────────────────────────────── */

@media(max-width:768px) {
  .woocommerce-cart .woocommerce { overflow-x: auto; }
  .cart_totals { margin-top: 24px; }
}

/* ═══════════════════════════════════════════════════════════════
 * WOOCOMMERCE BLOCKS (Gutenberg)
 * ═══════════════════════════════════════════════════════════════ */

/* Reset global de backgrounds nos Blocks WC */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout,
.wp-block-woocommerce-cart *,
.wp-block-woocommerce-checkout * {
  --wc-primary-color: var(--g, #b8a07a) !important;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  background: transparent !important;
  color: var(--t1, #f0efe8) !important;
}

/* Títulos e texto dos Blocks */
.wc-block-cart__main,
.wc-block-checkout__main,
.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
  background: transparent !important;
  color: var(--t1, #f0efe8) !important;
}

/* Cartão lateral (order summary) */
.wc-block-cart__sidebar .wc-block-order-summary,
.wc-block-checkout__sidebar .wc-block-order-summary,
.wc-block-order-summary__totals {
  background: var(--s2, #141412) !important;
  border: 1px solid var(--b2, #242422) !important;
  border-radius: var(--r2, 16px) !important;
  padding: 24px !important;
  color: var(--t1, #f0efe8) !important;
}

/* Totais do carrinho Block */
.wc-block-cart-items,
.wc-block-cart__payment-button-container,
.wc-block-components-totals-wrapper {
  background: var(--s2, #141412) !important;
  border: 1px solid var(--b2, #242422) !important;
  border-radius: var(--r2, 16px) !important;
}

/* Items do carrinho */
.wc-block-cart-items__row,
.wc-block-cart-item__wrap {
  background: transparent !important;
  border-bottom: 1px solid var(--b1, #1c1c1a) !important;
  color: var(--t1, #f0efe8) !important;
}

.wc-block-cart-item__title,
.wc-block-cart-item__description {
  color: var(--t1, #f0efe8) !important;
}

.wc-block-cart-item__prices { color: var(--t1, #f0efe8) !important; }

/* Linhas de totais */
.wc-block-components-totals-item,
.wc-block-components-totals-discount,
.wc-block-components-totals-coupon,
.wc-block-components-totals-shipping {
  background: transparent !important;
  border-color: var(--b1, #1c1c1a) !important;
  color: var(--t2, #a0a090) !important;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value { color: var(--t2, #a0a090) !important; }

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--t1, #f0efe8) !important;
  font-size: 16px !important;
}

/* Botão checkout / place order */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-components-button.wc-block-cart__submit-button {
  background: var(--g, #b8a07a) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 14px 28px !important;
  width: 100%;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background: var(--g2, #d4b896) !important;
}

/* Campos de formulário dos Blocks */
.wc-block-components-text-input,
.wc-block-components-country-input,
.wc-block-components-state-input {
  background: var(--s2, #141412) !important;
  border: 1px solid var(--b2, #242422) !important;
  border-radius: var(--r, 10px) !important;
  color: var(--t1, #f0efe8) !important;
}

.wc-block-components-text-input input,
.wc-block-components-country-input input,
.wc-block-components-select select {
  background: var(--s2, #141412) !important;
  color: var(--t1, #f0efe8) !important;
  border-color: var(--b2, #242422) !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-country-input input:focus {
  border-color: var(--g, #b8a07a) !important;
}

.wc-block-components-label { color: var(--t3, #606058) !important; }

.wc-block-components-text-input input::placeholder { color: var(--t4, #3a3a38) !important; }

/* Cupão */
.wc-block-components-totals-coupon__button {
  background: transparent !important;
  border: 1px solid var(--b3, #2e2e2c) !important;
  color: var(--g, #b8a07a) !important;
  border-radius: 100px !important;
}

/* Métodos de envio e pagamento */
.wc-block-components-radio-control__option,
.wc-block-components-payment-method-label {
  color: var(--t1, #f0efe8) !important;
}

.wc-block-components-payment-methods {
  background: var(--s2, #141412) !important;
  border: 1px solid var(--b2, #242422) !important;
  border-radius: var(--r2, 16px) !important;
  padding: 20px !important;
}

/* Step indicator no checkout */
.wc-block-checkout__step-title { color: var(--t1, #f0efe8) !important; }

/* Empty cart */
.wc-block-cart-empty-state__image { opacity: .4; filter: invert(1); }
.wc-block-cart-empty-state__text { color: var(--t3, #606058) !important; }

/* Force page background */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-order-received {
  background: var(--bg, #090909) !important;
}

.mmet-page-wrap,
.mmet-wc-page {
  background: var(--bg, #090909) !important;
}

/* ── CARRINHO VAZIO ─────────────────────────────────────────── */

.mmet-cart-empty {
  text-align: center;
  padding: 80px 32px 96px;
  max-width: 560px;
  margin: 0 auto;
}

.mmet-cart-empty-icon {
  width: 96px;
  height: 96px;
  margin: 0 auto 32px;
  color: var(--g, #b8a07a);
}

.mmet-cart-empty-icon svg { width: 100%; height: 100%; }

.mmet-cart-empty-title {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 300;
  letter-spacing: -1px;
  color: var(--t1, #f0efe8);
  line-height: 1.1;
  margin: 0 0 20px;
}

.mmet-cart-empty-title em {
  font-style: normal;
  font-family: 'Horizon', sans-serif;
  font-weight: 700;
  color: var(--g, #b8a07a);
  letter-spacing: .04em;
}

.mmet-cart-empty-sub {
  font-size: 16px;
  color: var(--t3, #606058);
  line-height: 1.7;
  font-weight: 300;
  margin: 0 0 40px;
}

.mmet-cart-empty-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: var(--g, #b8a07a);
  color: #000 !important;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  transition: background .2s;
}

.mmet-cart-empty-cta:hover {
  background: var(--g2, #d4b896);
  color: #000 !important;
}