/*
Theme Name: AadyaBowtique - Astra Child Theme
Theme URI: http://localhost/AadyaBowtique
Description: Custom luxury e-commerce child theme for AadyaBowtique — a handmade crochet accessories brand from West Bengal, India. Features deep plum, gold, and cream boutique aesthetic, mobile-first design, sticky bottom navigation, PWA super-fast caching, WooCommerce integration, and 6-section story product pages.
Author: AadyaBowtique Artisans
Author URI: http://localhost/AadyaBowtique
Template: astra
Version: 1.2.0
Text Domain: aadyabowtique
*/

/* ==========================================================================
   AADYABOWTIQUE DESIGN SYSTEM TOKENS
   ========================================================================== */
:root {
  /* Brand Palette */
  --plum-950: #1B0317;
  --plum-900: #260520;
  --plum-800: #350B2D;
  --plum-700: #4A123E; /* Main Plum */
  --plum-600: #5D1B50;
  --plum-500: #742565;
  --plum-100: #F6ECF4;
  --plum-50:  #FAF5F9;

  --gold-800: #7A5707;
  --gold-700: #936B0B;
  --gold-600: #AA7C11; /* Warm Gold */
  --gold-500: #D4AF37; /* Metallic Gold Accent */
  --gold-400: #E5C158;
  --gold-200: #F5E5AD;
  --gold-100: #FAF2D4;
  --gold-50:  #FDFBF2;

  --cream-900: #756D5F;
  --cream-300: #DDD5C3;
  --cream-200: #EFE9DC;
  --cream-100: #F7F2E7; /* Soft Linen */
  --cream-50:  #FDFBF7; /* Background Cream */
  --cream-white: #FFFFFF;

  --text-primary: #2B1626;
  --text-secondary: #5E4E59;
  --text-muted: #8E7C88;
  --border-light: rgba(74, 18, 62, 0.1);
  --border-gold: rgba(212, 175, 55, 0.35);

  /* Elevation Shadows */
  --shadow-sm: 0 2px 8px rgba(74, 18, 62, 0.05);
  --shadow-md: 0 6px 20px rgba(74, 18, 62, 0.08);
  --shadow-lg: 0 12px 32px rgba(74, 18, 62, 0.12);
  --shadow-gold: 0 4px 16px rgba(212, 175, 55, 0.25);

  /* Typography */
  --font-serif: 'Playfair Display', 'Cormorant Garamond', 'Georgia', serif;
  --font-sans: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-bengali: 'Galada', 'Noto Serif Bengali', 'Playfair Display', serif;

  /* Layout & Sizing */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --bottom-bar-height: 60px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Base Resets & Mobile App Sizing */
body {
  background-color: var(--cream-50) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-sans) !important;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  padding-bottom: calc(var(--bottom-bar-height) + var(--safe-bottom) + 16px);
}

@media (min-width: 769px) {
  body {
    padding-bottom: 0 !important;
  }
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title, .product_title, .page-title {
  font-family: var(--font-serif) !important;
  color: var(--plum-700) !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.bengali-heading {
  font-family: var(--font-bengali);
  font-size: 1.15em;
  color: var(--gold-600);
  font-weight: normal;
  display: block;
  margin-bottom: 4px;
}

/* Links */
a {
  color: var(--plum-700);
  text-decoration: none;
  transition: var(--transition);
}
a:hover {
  color: var(--gold-600);
}

/* Primary Button Styling */
.btn-boutique,
.button,
button.button,
a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(135deg, var(--plum-700) 0%, var(--plum-800) 100%) !important;
  color: #FFFDF7 !important;
  border: 1px solid var(--gold-500) !important;
  border-radius: var(--radius-full) !important;
  padding: 12px 28px !important;
  font-family: var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  box-shadow: var(--shadow-sm) !important;
  cursor: pointer;
  transition: var(--transition) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-boutique:hover,
.button:hover,
button.button:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: linear-gradient(135deg, var(--gold-600) 0%, var(--gold-700) 100%) !important;
  color: #FFFFFF !important;
  box-shadow: var(--shadow-gold) !important;
  transform: translateY(-2px);
}

.btn-boutique-outline {
  background: transparent !important;
  color: var(--plum-700) !important;
  border: 1.5px solid var(--plum-700) !important;
  border-radius: var(--radius-full) !important;
  padding: 11px 26px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 13.5px !important;
  transition: var(--transition) !important;
}

.btn-boutique-outline:hover {
  background: var(--plum-700) !important;
  color: var(--cream-50) !important;
}