/* Lumora Trade - theme base
 *
 * Deliberately thin. The design tokens and every component live in the
 * plugin's app.css, which is the single source of truth. Duplicating the
 * palette here caused the theme to silently override the plugin's darker
 * surface colour depending on stylesheet order, so it is gone.
 *
 * What stays here: document-level resets, block-editor bridging, and the
 * WooCommerce surfaces the theme is responsible for.
 */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100dvh;
  text-rendering: optimizeLegibility;
}

img, svg, video, canvas { max-width: 100%; height: auto; }

a { color: inherit; }

/* Block editor emits wide/full alignments that must not create a horizontal
   scrollbar on a page whose sections already span the viewport. */
.wp-block-group.alignfull { margin-left: 0; margin-right: 0; max-width: none; }

main > .wp-block-group,
main > .wp-block-html { max-width: none; }

/* WooCommerce surfaces inherit the dark palette rather than shipping their
   own light defaults. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--lm-surface-1);
  border-left: 3px solid var(--lm-lime);
  color: var(--lm-ivory);
  padding: 1rem 1.25rem;
  border-radius: var(--lm-r);
  list-style: none;
}
.woocommerce-error { border-left-color: var(--lm-orange); }

.woocommerce table.shop_table {
  border-collapse: collapse;
  border: 1px solid var(--lm-border);
  border-radius: var(--lm-r-lg);
  overflow: hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-bottom: 1px solid var(--lm-border);
  padding: 0.85rem 1rem;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--lm-lime);
  color: #12140F;
  border: none;
  border-radius: var(--lm-r);
  padding: 0.8rem 1.4rem;
  font-weight: 600;
  font-size: 0.8125rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--lm-obsidian);
  border: 1px solid var(--lm-border-hi);
  border-radius: var(--lm-r-sm);
  color: var(--lm-ivory);
  padding: 0.65rem 0.75rem;
}

/* The demo badge is rendered by the plugin in wp_footer. */
.lumora-demo-badge {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9990;
  padding: 0.35rem 0.8rem;
  background: var(--lm-orange);
  /* White on this orange lands at 3.17:1, under WCAG AA for a 9px label.
     Dark ink on the same orange clears it comfortably. */
  color: #14150F;
  font-family: var(--lm-mono);
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-top-right-radius: var(--lm-r);
  pointer-events: none;
}