/*
Theme Name: AZA Diamonds & Gold
Theme URI: https://azadiamondsandgold.com
Author: AZA Diamonds & Gold
Author URI: https://azadiamondsandgold.com
Description: Luxury lightweight diamond and gold jewellery theme for AZA Diamonds & Gold, Kannur.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
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: aza-gold
*/

* {
  box-sizing: border-box;
}

html,
body {
  background-color: #050505;
  color: #f6f1e7;
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #050505;
}
::-webkit-scrollbar-thumb {
  background: #c9a868;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d9b876;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #f6f1e7;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

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

p {
  margin: 0;
}

button {
  font-family: inherit;
}

.aza-form-message {
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  border-radius: 0.25rem;
  font-size: 0.95rem;
}
.aza-form-message.success {
  background: rgba(217, 184, 118, 0.12);
  border: 1px solid #d9b876;
  color: #f0e3c4;
}
.aza-form-message.error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid #ef4444;
  color: #fecaca;
}

/* Hero scroll-triggered animation (progressive enhancement)
   By default the hero renders fully visible/static, so the page looks
   correct if JavaScript never runs. Only once hero-animation.js confirms
   IntersectionObserver support does it add ".aza-hero-animate" to #aza-hero,
   which arms the hidden/offset starting state below. That state is then
   released by ".aza-hero-in-view", added once — and only once — the section
   is scrolled into the viewport. Only opacity/transform are animated so the
   browser can run this on the compositor for a smooth 60fps effect. */
.aza-hero-video-wrap {
  pointer-events: none;
}

/* Hero animation elements initial state managed by GSAP */
.aza-hero-video,
.aza-hero-glow,
.aza-hero-eyebrow,
.aza-hero-heading,
.aza-hero-sub,
.aza-hero-cta {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  #aza-hero.aza-hero-animate .aza-hero-video,
  #aza-hero.aza-hero-animate .aza-hero-glow,
  #aza-hero.aza-hero-animate .aza-hero-eyebrow,
  #aza-hero.aza-hero-animate .aza-hero-heading,
  #aza-hero.aza-hero-animate .aza-hero-sub,
  #aza-hero.aza-hero-animate .aza-hero-cta {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
  #aza-hero .aza-hero-glow {
    opacity: 0.3 !important;
  }
}