/*
Theme Name: Zeesy Luxury Jewelry
Theme URI: https://zeesy.pk
Author: Antigravity AI
Author URI: https://zeesy.pk
Description: Premium E-Commerce & Elementor Compatible WordPress Theme designed for Zeesy.pk - Pakistan's #1 Artificial Jewelry Brand. Features WooCommerce integration, custom template pages, mini-cart drawer, product quick view, and responsive luxury styling.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: zeesy-jewelry
Tags: e-commerce, elementor, woocommerce, luxury, jewelry, custom-menu, custom-logo, grid-layout, right-sidebar, two-columns

Zeesy Luxury Jewelry Theme, (C) 2026 Zeesy.pk
*/

/* ==========================================================================
   Design System Tokens & CSS Variables (Derived from Zeesy.pk)
   ========================================================================== */
:root {
  /* Brand Color Palette */
  --zeesy-bg-main: #fffdf5;
  --zeesy-bg-surface: #f2efe3;
  --zeesy-bg-card: #ffffff;
  --zeesy-text-dark: #3b3933;
  --zeesy-text-muted: #6e6b62;
  --zeesy-border-color: #efebdd;
  
  /* Primary & Accent Colors */
  --zeesy-primary-green: #006600;
  --zeesy-primary-green-hover: #004d00;
  --zeesy-gold-accent: #B56916;
  --zeesy-gold-light: #ffbf1a;
  --zeesy-gold-star: #B7670F;
  --zeesy-whatsapp-green: #25D366;
  --zeesy-whatsapp-hover: #1ebd58;
  --zeesy-dark-surface: #1e1e1e;
  
  /* Typography */
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Layout Spacing */
  --container-max-width: 1440px;
  --header-height: 80px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  /* Shadows & Elevations */
  --shadow-sm: 0 2px 8px rgba(59, 57, 51, 0.06);
  --shadow-md: 0 8px 24px rgba(59, 57, 51, 0.1);
  --shadow-lg: 0 16px 36px rgba(59, 57, 51, 0.15);
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-normal: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

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

body {
  font-family: var(--font-body);
  background-color: var(--zeesy-bg-main);
  color: var(--zeesy-text-dark);
  line-height: 1.6;
  font-weight: 400;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--zeesy-text-dark);
  line-height: 1.25;
  margin-bottom: 0.5em;
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

/* Utilities */
.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.text-center { text-align: center; }
.text-gold { color: var(--zeesy-gold-accent); }
.text-green { color: var(--zeesy-primary-green); }
.bg-surface { background-color: var(--zeesy-bg-surface); }
.badge-gold { background: var(--zeesy-gold-accent); color: #ffffff; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 600; }
.badge-sale { background: var(--zeesy-primary-green); color: #ffffff; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 600; }

/* WP Standard Required Classes */
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.wp-caption { max-width: 100%; border: 1px solid var(--zeesy-border-color); padding: 5px; text-align: center; }
.wp-caption-text { font-size: 0.85rem; color: var(--zeesy-text-muted); margin-top: 5px; }
.screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }