/*
Theme Name: Maison Éclore
Theme URI: https://maison-eclore.com
Author: Maison Éclore
Author URI: https://maison-eclore.com
Description: Elegant, Art-Deco inspired WooCommerce theme for Maison Éclore. Retail & Wholesale ready.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maison-eclore
Tags: e-commerce, woocommerce, minimal, art-deco
*/

:root {
  --gold: #C9AA71;
  --ivory: #F3F0E8;
  --black: #111111;
  --gunmetal: #222325;
  --ruby: #7B2E3A;
  --muted: #888;
  --radius: 16px;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: 'Cinzel', 'Cormorant Garamond', Georgia, serif; background: var(--ivory); color: var(--black); }
a { color: var(--black); text-decoration: none; }
a:hover { color: var(--gold); }
.container { max-width: 1200px; margin: 0 auto; padding: 24px; }
.site-header { background: var(--black); color: var(--ivory); padding: 18px 24px; }
.brand { font-size: 24px; letter-spacing: 2px; text-transform: uppercase; }
.nav a { margin-right: 18px; color: var(--ivory); }
.hero { background: var(--gunmetal); color: var(--ivory); padding: 80px 24px; border-bottom: 4px solid var(--gold); }
.hero h1 { font-size: 48px; margin: 0 0 10px; }
.btn { border: 1px solid var(--gold); padding: 12px 16px; border-radius: var(--radius); display:inline-block; }
.btn:hover { background: var(--gold); color: var(--black); }
.card { background: #fff; border-radius: var(--radius); padding: 18px; border: 1px solid #e8e4da; }
.grid { display: grid; grid-gap: 16px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.footer { background: var(--black); color: var(--ivory); padding: 32px 24px; margin-top: 48px; }
.notice { background: #fff7e6; border-left: 4px solid var(--gold); padding: 12px 16px; margin: 16px 0; }
.woobadge { background: var(--gold); color: var(--black); padding: 2px 8px; border-radius: 999px; font-size: 12px; }
blockquote.tagline { border-left: 4px solid var(--gold); margin: 12px 0; padding: 8px 16px; font-style: italic; }
hr { border: none; height: 1px; background: #e3dccb; margin: 24px 0; }
}