/*
Theme Name: Nesteen Luxe
Theme URI: https://nesteen.com/
Description: A high-end luxury healing brand theme for Nesteen.
Author: Gemini CLI
Author URI: https://nesteen.com/
Template: twentytwentyfive
Version: 1.0.0
*/

:root {
  /* Core Colors from UI Specification v1.0 */
  --color-magenta:    #B02E6D;   /* Velvet Magenta - Dominant brand color */
  --color-obsidian:   #0F0A12;   /* Obsidian Deep - Global background */
  --color-misty-rose: #2D1B24;   /* Misty Rose - Card background */
  --color-gold:       #D4AF37;   /* Champagne Gold - Luxury accents */
  --color-silk:       #F5F5F5;   /* Silk White - Primary text */
  
  /* RGB values for transparency handling */
  --color-magenta-rgb: 176, 46, 109;
  --color-obsidian-rgb: 15, 10, 18;
  --color-misty-rose-rgb: 45, 27, 36;
  --color-gold-rgb: 212, 175, 55;
  
  /* UI Glows */
  --color-magenta-glow: rgba(var(--color-magenta-rgb), 0.45);
}

/* Global Reset & Ambient Background */
body {
  background-color: var(--color-obsidian) !important;
  color: var(--color-silk) !important;
  font-family: 'Inter', sans-serif;
  line-height: 1.8;
  margin: 0;
  overflow-x: hidden;
}

/* Ambient Orbs - Dynamic Fluid Background */
body::before, body::after {
  content: "";
  position: fixed;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  filter: blur(400px);
  opacity: 0.15;
  pointer-events: none;
  z-index: -1;
  animation: fluid-orb 60s ease-in-out infinite alternate;
}

body::before {
  background: var(--color-magenta);
  top: -200px;
  right: -200px;
}

body::after {
  background: var(--color-misty-rose);
  bottom: -200px;
  left: -200px;
  animation-delay: -30s;
}

@keyframes fluid-orb {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(-100px, 100px) scale(1.2); }
}

/* Typography Implementation */
h1, h2, h3, .wp-block-post-title {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: var(--color-magenta);
  letter-spacing: 0.05em;
}

/* Soft Glassmorphism Cards */
.nesteen-card, .wp-block-post {
  background: rgba(var(--color-misty-rose-rgb), 0.65) !important;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(var(--color-magenta-rgb), 0.2);
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.nesteen-card:hover, .wp-block-post:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--color-gold-rgb), 0.4);
}

/* Call to Action - Luxury Buttons */
.wp-block-button__link, .button, button, input[type="submit"] {
  background: linear-gradient(135deg, #B02E6D, #D6468A) !important;
  color: var(--color-silk) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 35px !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.15em;
  box-shadow: 0 0 15px rgba(var(--color-magenta-rgb), 0.3);
  animation: halo-pulse 4s ease-in-out infinite;
  transition: all 0.3s ease;
}

@keyframes halo-pulse {
  0%, 100% { box-shadow: 0 0 15px 2px rgba(var(--color-magenta-rgb), 0.35); }
  50% { box-shadow: 0 0 25px 8px rgba(var(--color-magenta-rgb), 0.60); }
}

.wp-block-button__link:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
  box-shadow: 0 0 30px 10px rgba(var(--color-magenta-rgb), 0.7);
}

/* WooCommerce Specific Overrides */
.woocommerce-loop-product__title {
  font-family: 'Montserrat', sans-serif !important;
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 0.9rem !important;
  color: var(--color-silk) !important;
}

.price {
  color: var(--color-gold) !important;
  font-weight: 300 !important;
}

.onsale {
  background-color: var(--color-magenta) !important;
  border-radius: 50% !important;
}