/* ==========================================================================
   CHOC PRESTIGE - Luxury Bespoke Corporate Gifting
   Aesthetic: Authentic High-Fashion Editorial Luxury (Deep Royal Navy & Champagne Gold)
   ========================================================================== */

:root {
  --navy-bg: #0D1627;
  --navy-dark: #090E1A;
  --navy-card: #121E33;
  --navy-border: rgba(255, 255, 255, 0.08);
  --gold-primary: #C5A059;
  --gold-hover: #D4AF37;
  --gold-light: #E8CA85;
  --gold-ribbon: linear-gradient(90deg, #A88138 0%, #C5A059 25%, #E8CA85 50%, #C5A059 75%, #A88138 100%);
}

/* Elegant Selection */
::selection {
  background: #C5A059;
  color: #0D1627;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #090E1A;
}
::-webkit-scrollbar-thumb {
  background: #1C2B47;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #C5A059;
}

/* Typography Enhancements */
.font-editorial-serif {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  letter-spacing: 0.08em;
}

.font-editorial-sans {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
}

/* Gold Satin Ribbon Graphic */
.gold-ribbon-bar {
  background: var(--gold-ribbon);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Solid Champagne Gold Button */
.btn-gold-luxury {
  background-color: #C5A059;
  color: #090E1A;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
}

.btn-gold-luxury:hover {
  background-color: #D4AF37;
  color: #000000;
  box-shadow: 0 8px 25px rgba(197, 160, 89, 0.35);
  transform: translateY(-1px);
}

/* Subtle Card Surfaces */
.luxury-card {
  background-color: #111B2E;
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.luxury-card:hover {
  border-color: rgba(197, 160, 89, 0.35);
}

/* Form Input Styling */
.editorial-input {
  background: #090F1C;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #F8FAFC;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.editorial-input:focus {
  outline: none;
  border-color: #C5A059;
  box-shadow: 0 0 0 1px #C5A059;
}

/* Metallic Text Gradient */
.text-gold-metallic {
  background: linear-gradient(135deg, #FFF6D6 0%, #D4AF37 40%, #A67C2E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Accordion Smooth Height */
.accordion-content {
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1), opacity 0.25s ease;
}