/*
Theme Name: MORA Marketplace
Theme URI: https://example.test/mora
Author: MORA
Description: Lightweight WooCommerce shell whose marketing presentation is owned by Elementor templates.
Version: 1.1.0
Text Domain: mora
*/

:root {
  --mora-orange: #ff5a00;
  --mora-orange-dark: #e84700;
  --mora-green: #078d2b;
  --mora-ink: #151515;
  --mora-muted: #686868;
  --mora-line: #e6e6e6;
  --mora-bg: #fff;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--mora-ink);
  background: var(--mora-bg);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--mora-ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mora-site-main { min-height: 60vh; }
.mora-shell { width: min(1480px, calc(100% - 48px)); margin-inline: auto; }
.mora-content { width: min(1480px, calc(100% - 48px)); margin: 42px auto 84px; }
.mora-content h1 { font-size: 36px; }
.mora-empty-header { height: 1px; }

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .cart_totals,
.woocommerce form.checkout,
.woocommerce-account .woocommerce,
.woocommerce-cart .woocommerce { width: min(1480px, calc(100% - 48px)); margin-inline: auto; }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit { background: var(--mora-orange); color: #fff; border-radius: 999px; padding: 12px 20px; font-weight: 700; }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: var(--mora-orange-dark); color: #fff; }
.woocommerce table.shop_table { border-color: var(--mora-line); border-radius: 10px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select { border: 1px solid #cfcfcf; border-radius: 8px; padding: 11px 12px; min-height: 44px; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus { outline: 3px solid rgba(255,90,0,.18); border-color: var(--mora-orange); }
.mora-site-footer { border-top: 1px solid var(--mora-line); background: #111; color: #fff; padding: 48px 0; }
.mora-footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: 48px; }
.mora-footer-grid h2, .mora-footer-grid h3 { margin: 0 0 14px; font-size: 18px; }
.mora-footer-grid p, .mora-footer-grid a { color: #cfcfcf; font-size: 15px; line-height: 1.7; text-decoration: none; display: block; }
.mora-register-card { width: min(680px, calc(100% - 24px)); margin: 46px auto 80px; padding: 28px; border: 1px solid var(--mora-line); border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.06); }
.mora-register-card h1 { margin: 0 0 20px; font-size: 26px; }
.mora-register-card form > label, .mora-register-grid label { display: grid; gap: 7px; margin-bottom: 14px; font-size: 13px; font-weight: 700; }
.mora-register-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mora-register-card input[type="text"], .mora-register-card input[type="email"], .mora-register-card input[type="password"], .mora-register-card input:not([type]) { min-height: 44px; border: 1px solid #c9c9c9; border-radius: 8px; padding: 10px 12px; font: inherit; }
.mora-register-card input:focus { outline: 3px solid rgba(255,90,0,.16); border-color: var(--mora-orange); }
.mora-register-card .mora-terms { display: flex; grid-template-columns: auto 1fr; align-items: center; font-weight: 400; }
.mora-register-card button, .mora-register-card .button { display: inline-block; border: 0; border-radius: 999px; padding: 12px 22px; background: var(--mora-orange); color: #fff; font-weight: 800; text-decoration: none; cursor: pointer; }
.mora-form-errors { margin-bottom: 18px; padding: 10px 14px; border-left: 4px solid #c62828; background: #fff2f2; color: #7f1414; }
.mora-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.mora-login-link { margin-top: 18px; font-size: 13px; }

@media (max-width: 767px) {
  .mora-shell, .mora-content { width: min(100% - 20px, 1480px); }
  .mora-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .mora-footer-grid h2, .mora-footer-grid h3 { font-size: 16px; }
  .mora-footer-grid p, .mora-footer-grid a { font-size: 14px; }
  .mora-register-grid { grid-template-columns: 1fr; gap: 0; }
}