/*
Theme Name: Sootrnaari - Luxury Boutique & WooCommerce Theme
Theme URI: https://sootrnaari.in
Author: Antigravity Architects
Author URI: https://sootrnaari.in
Description: A bespoke, ultra-luxury WooCommerce theme for Sootrnaari — dressing women for weddings, festivals, and every day since 1999. Featuring editorial visual storytelling, dual-image hover product cards, AJAX cart drawer with free shipping calculator, Indian pincode delivery estimator, seamless Razorpay (UPI/Cards) & Shiprocket logistics compatibility.
Version: 2.2.3
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: sootrnaari
Tags: e-commerce, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready, woocommerce
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES & DESIGN TOKENS
   ========================================================================== */
:root {
  /* Color Palette - Warm Alabaster, Regal Emerald, Zari Gold, Deep Charcoal */
  --sn-bg: #FDFBF7;
  --sn-bg-secondary: #F8F5EE;
  --sn-bg-card: #FFFFFF;
  --sn-bg-sunken: #F3EFE6;
  --sn-surface-border: #E8E2D5;
  --sn-border-light: rgba(28, 24, 20, 0.08);

  --sn-primary: #1B4332;       /* Regal Forest Emerald */
  --sn-primary-hover: #13382C;
  --sn-primary-dark: #0D261E;
  --sn-primary-light: #2D6A4F;
  --sn-primary-subtle: #EAF2ED;
  --sn-primary-text: #FFFFFF;

  --sn-gold: #C59B27;          /* Antique Zari Gold */
  --sn-gold-light: #D4AF37;
  --sn-gold-subtle: #FAF6EB;
  --sn-gold-border: rgba(197, 155, 39, 0.35);

  --sn-text-main: #1C1814;     /* Deep Espresso Charcoal */
  --sn-text-heading: #13382C;
  --sn-text-muted: #6B655C;
  --sn-text-subtle: #8E877D;
  --sn-text-light: #FFFFFF;

  --sn-accent-terracotta: #C86D51;
  --sn-accent-rose: #E6B8A2;
  --sn-badge-bg: #1B4332;
  --sn-badge-text: #FFFFFF;
  --sn-sale-badge-bg: #9E2A2B;
  --sn-sale-badge-text: #FFFFFF;

  /* Typography */
  --sn-font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --sn-font-body: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sn-font-script: 'Cormorant Garamond', Georgia, serif;

  /* Spacing */
  --sn-header-h: 74px;
  --sn-announcement-h: 36px;
  --sn-container-max: 1320px;
  --sn-container-narrow: 900px;
  --sn-gutter: 24px;

  /* Transitions & Shadows */
  --sn-transition-fast: 0.18s cubic-bezier(0.2, 0, 0, 1);
  --sn-transition-normal: 0.3s cubic-bezier(0.2, 0, 0, 1);
  --sn-transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --sn-shadow-sm: 0 2px 8px rgba(28, 24, 20, 0.04);
  --sn-shadow-md: 0 8px 24px rgba(28, 24, 20, 0.08);
  --sn-shadow-lg: 0 16px 48px rgba(28, 24, 20, 0.12);
  --sn-shadow-drawer: -8px 0 32px rgba(28, 24, 20, 0.16);

  --sn-radius-sm: 4px;
  --sn-radius-md: 8px;
  --sn-radius-lg: 14px;
  --sn-radius-full: 9999px;
}

/* ==========================================================================
   BASE RESETS & DEFAULTS
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--sn-font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--sn-text-main);
  background-color: var(--sn-bg);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background-color: var(--sn-bg);
  color: var(--sn-text-main);
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--sn-transition-fast);
}

img, svg, picture, video {
  display: block;
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--sn-font-display);
  font-weight: 400;
  color: var(--sn-text-heading);
  line-height: 1.2;
}

/* Screen Reader Only Utility */
.screen-reader-text, .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Container */
.sn-container {
  width: 100%;
  max-width: var(--sn-container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--sn-gutter);
  padding-right: var(--sn-gutter);
}

.sn-container-narrow {
  width: 100%;
  max-width: var(--sn-container-narrow);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--sn-gutter);
  padding-right: var(--sn-gutter);
}