/*
Theme Name: Nida Khan
Theme URI: https://nidakhan.pk
Author: Nida Khan Couture
Author URI: https://nidakhan.pk
Description: Luxury handcrafted couture modesty abaya theme for Nida Khan. Featuring separate pages for Home, Shop, About Us, Contact Us, Cart, and Checkout, full product adding capability, WooCommerce support, bespoke size charts, WhatsApp concierge, and multi-currency converter.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nadakhan
Tags: e-commerce, custom-menu, featured-images, full-width-template, theme-options
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  
  --color-brand-brown-900: #221612;
  --color-brand-brown-800: #2E1F18;
  --color-brand-brown-700: #3D2B24;
  --color-brand-brown-600: #5C4033;
  --color-brand-brown-500: #8C5E48;
  --color-brand-brown-400: #B28B71;
  --color-brand-brown-300: #D4BBA5;
  
  --color-brand-offwhite-50: #FAF6F0;
  --color-brand-offwhite-100: #F5EFE6;
  --color-brand-offwhite-200: #EBE3D5;
  --color-brand-offwhite-300: #DFD5C4;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  background-color: #FAF6F0;
  color: #2E1F18;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom luxury scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F5EFE6;
}
::-webkit-scrollbar-thumb {
  background: #D4BBA5;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8C5E48;
}

::selection {
  background-color: #2E1F18;
  color: #FAF6F0;
}

/* Base font helpers */
.font-serif {
  font-family: var(--font-serif);
}

.font-sans {
  font-family: var(--font-sans);
}

/* Animation utilities */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.25s ease-out forwards;
}

/* Prevent layout jump */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, select, textarea {
  font-family: inherit;
}

/* Responsive Shop Grid: 2 columns on mobile, 4 columns on desktop */
#shopProductGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem;
}

@media (min-width: 640px) {
  #shopProductGrid {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  #shopProductGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2rem;
  }
}