/*
Theme Name:        Mohit Luxury Catalogue
Theme URI:         https://mohithandicrafts.com
Author:            Mohit Handicrafts · Tasselora®
Author URI:        https://mohithandicrafts.com
Description:       Enterprise-grade luxury B2B catalogue theme for Mohit Handicrafts (wholesale export) and Tasselora® (D2C). Interactive product catalogue, Colour Intelligence engine, colour family pages, RFQ + catalogue request system, SEO/AEO/GEO schema layer, WooCommerce catalogue-mode compatibility, WCAG 2.2 AA, Core Web Vitals optimised.
Version:           1.0.0
Requires at least: 6.4
Tested up to:      6.8
Requires PHP:      8.1
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       mohit-luxury-catalogue
Tags:              e-commerce, portfolio, custom-menu, featured-images, translation-ready, rtl-language-support, accessibility-ready
*/

/* ════════════════════════════════════════════════════════════════
   MOHIT LUXURY CATALOGUE · BASE LAYER
   House family: "Maison Catalogue"
   Display: Cormorant Garamond · Text: Jost
   Mohit Handicrafts (B2B): deep charcoal-bronze on parchment
   Tasselora® (D2C): warm ivory, dusty gold, deep mocha
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Tasselora light tokens */
  --mlc-ivory: #F8F4EE;
  --mlc-cream: #EFE8DC;
  --mlc-gold: #C9A96E;
  --mlc-gold-deep: #8A6C2A;
  --mlc-gold-bright: #E6CC82;
  --mlc-mocha: #4A3728;
  --mlc-mocha-mid: #7A5C48;
  --mlc-blush: #E8D5C0;

  /* Mohit Handicrafts dark "Maison" tokens */
  --mlc-bg: #0B0A07;
  --mlc-surface: #151109;
  --mlc-card: #19140C;
  --mlc-line: #2B2316;
  --mlc-ink: #F1E9D8;
  --mlc-ink-soft: #D8CDB6;
  --mlc-muted: #998C72;

  --mlc-slate: #2C3A4A;
  --mlc-white: #FFFFFF;
  --mlc-text: #3D3027;
  --mlc-text-light: #7A6E65;
  --mlc-error: #A03B2E;
  --mlc-success: #3F6B4A;

  --mlc-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --mlc-sans: 'Jost', system-ui, -apple-system, sans-serif;

  --mlc-r-sm: 6px; --mlc-r-md: 12px; --mlc-r-lg: 20px;
  --mlc-shadow-sm: 0 2px 8px rgba(0,0,0,.06);
  --mlc-shadow-md: 0 8px 32px rgba(0,0,0,.10);
  --mlc-shadow-lg: 0 24px 60px -20px rgba(0,0,0,.35);
  --mlc-ease: cubic-bezier(.22,.61,.36,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
body {
  margin: 0;
  font-family: var(--mlc-sans);
  background: var(--mlc-ivory);
  color: var(--mlc-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: var(--mlc-mocha); }
h1,h2,h3,h4 { font-family: var(--mlc-serif); font-weight: 500; line-height: 1.15; color: var(--mlc-mocha); }

/* Accessibility — WCAG 2.2 AA */
.screen-reader-text, .sr-only {
  position: absolute !important; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap; border: 0;
}
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100000;
  background: var(--mlc-mocha); color: var(--mlc-ivory);
  padding: 12px 22px; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase;
  text-decoration: none; border-radius: 0 0 var(--mlc-r-sm) 0;
}
.skip-link:focus { left: 0; }
:focus-visible { outline: 2px solid var(--mlc-gold); outline-offset: 3px; border-radius: 2px; }

/* Generic page content */
.mlc-page { max-width: 880px; margin: 0 auto; padding: 64px 24px 96px; }
.mlc-page .entry-title { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 .6em; }
.mlc-page-wide { max-width: 1320px; }

.wp-block-image img, .alignwide { border-radius: var(--mlc-r-md); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }

/* Buttons */
.mlc-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--mlc-sans); font-size: .8rem; font-weight: 500;
  letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
  padding: 14px 30px; border-radius: var(--mlc-r-sm); border: 1px solid var(--mlc-mocha);
  background: var(--mlc-mocha); color: var(--mlc-ivory); cursor: pointer;
  transition: all .3s var(--mlc-ease);
}
.mlc-btn:hover { background: var(--mlc-gold-deep); border-color: var(--mlc-gold-deep); }
.mlc-btn--ghost { background: transparent; color: var(--mlc-mocha); }
.mlc-btn--ghost:hover { background: var(--mlc-mocha); color: var(--mlc-ivory); }
.mlc-btn--gold { background: var(--mlc-gold); border-color: var(--mlc-gold); color: #221A0E; }
.mlc-btn--gold:hover { background: var(--mlc-gold-bright); border-color: var(--mlc-gold-bright); }

/* Breadcrumbs */
.mlc-breadcrumbs { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--mlc-text-light); margin: 0 0 28px; }
.mlc-breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.mlc-breadcrumbs li + li::before { content: '·'; margin-right: 8px; color: var(--mlc-gold); }
.mlc-breadcrumbs a { color: inherit; text-decoration: none; }
.mlc-breadcrumbs a:hover { color: var(--mlc-mocha); }

/* Pagination */
.mlc-pagination { display: flex; gap: 8px; justify-content: center; margin: 48px 0 0; }
.mlc-pagination .page-numbers {
  min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--mlc-cream); border-radius: var(--mlc-r-sm); text-decoration: none;
  color: var(--mlc-text); background: var(--mlc-white); font-size: .85rem;
}
.mlc-pagination .page-numbers.current { background: var(--mlc-mocha); border-color: var(--mlc-mocha); color: var(--mlc-ivory); }

/* Archive grid fallback */
.mlc-archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 28px; }

/* Print: catalogue PDF download uses print stylesheet */
@media print {
  .mlc-no-print, .site-header, .site-footer, .mlc-sticky-cta, .mlc-wa-float { display: none !important; }
  body { background: #fff; color: #000; }
}