/*
Theme Name: Atelier Lumière
Theme URI: https://nisasilkfab.com/
Author: Z.ai Design Studio
Author URI: https://nisasilkfab.com/
Description: A soft editorial luxury theme for Nisa Silk Fab — hand-woven Banarasi silk since 1947. Light ivory with rose gold accents, Playfair Display typography, magazine-style asymmetric layouts, and a fully mobile-first responsive experience. Built for WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atelier-lumiere
Tags: e-commerce, fashion, luxury, editorial, light, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, woocommerce, block-styles, wide-blocks
WC requires at least: 7.0
WC tested up to: 9.5
*/

/* CSS variables — palette + typography (overridden by Customizer) */
:root {
  --al-bg: #faf6f0;
  --al-bg-alt: #f5ede0;
  --al-card: #ffffff;
  --al-text: #3a1a2e;
  --al-text-muted: rgba(58, 26, 46, 0.6);
  --al-accent: #b08d7a;
  --al-accent-deep: #8a5a4a;
  --al-border: rgba(176, 141, 122, 0.25);
  --al-footer: #3a1a2e;
  --al-display: 'Playfair Display', Georgia, serif;
  --al-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --al-radius: 0;
  --al-shadow: 0 10px 40px -10px rgba(58, 26, 46, 0.15);
  --al-shadow-lg: 0 30px 80px -20px rgba(58, 26, 46, 0.25);
  --al-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  --al-max-width: 1400px;
  --al-gutter: 1.5rem;
  --al-header-h: 88px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

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

body {
  font-family: var(--al-body);
  background: var(--al-bg);
  color: var(--al-text);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img, picture, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--al-transition); }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; font-size: inherit; }

/* Typography defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--al-display);
  font-weight: 400;
  line-height: 1.1;
  color: var(--al-text);
}

.eyebrow {
  font-family: var(--al-body);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  color: var(--al-accent);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.eyebrow::before {
  content: '';
  width: 3rem;
  height: 1px;
  background: var(--al-accent);
  display: inline-block;
}
.eyebrow.centered { justify-content: center; }
.eyebrow.centered::after {
  content: '';
  width: 3rem;
  height: 1px;
  background: var(--al-accent);
  display: inline-block;
}

/* WordPress core classes */
.alignwide { max-width: 1600px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: var(--al-text-muted); font-style: italic; margin-top: 0.5rem; }
.sticky { display: block; }
.gallery-caption { font-size: 0.75rem; color: var(--al-text-muted); }
.bypostauthor { display: block; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute !important; word-wrap: normal !important;
}

/* Container */
.al-container {
  max-width: var(--al-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--al-gutter);
  padding-right: var(--al-gutter);
}
.al-container-narrow { max-width: 880px; margin-left: auto; margin-right: auto; padding-left: var(--al-gutter); padding-right: var(--al-gutter); }