/*
Theme Name: Blocksy Child - Vistamare Luxury
Theme URI: https://vistamarecyprus.com/
Description: Custom Dark Navy & Champagne Gold Luxury Child Theme for Vistamare Premium Residence & Hotel, Northern Cyprus. Fully responsive, high-contrast dark aesthetic with custom templates for Home, About, and Contact.
Author: Vistamare Team
Author URI: https://vistamarecyprus.com/
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: blocksy-child
*/

/* ==========================================================================
   Base Blocksy Theme Overrides - Dark Navy & Champagne Gold Theme
   ========================================================================== */

:root {
  /* Dark Navy Primary Palette */
  --theme-palette-color-1: #c5a880; /* Primary Accent / Champagne Gold */
  --theme-palette-color-2: #dfba73; /* Gold Hover / Light Gold */
  --theme-palette-color-3: #94a3b8; /* Muted Text */
  --theme-palette-color-4: #f8fafc; /* Primary Text Light */
  --theme-palette-color-5: #111c33; /* Dark Navy Elevated */
  --theme-palette-color-6: #0d172a; /* Dark Navy Surface */
  --theme-palette-color-7: #080e1a; /* Dark Navy Deep Background */
  --theme-palette-color-8: #050811; /* Dark Navy Darkest */

  /* Semantic Variables */
  --vm-bg-deep: #080e1a;
  --vm-bg-card: #0d172a;
  --vm-bg-elevated: #13223f;
  --vm-bg-glass: rgba(13, 23, 42, 0.75);
  
  --vm-gold: #c5a880;
  --vm-gold-light: #dfba73;
  --vm-gold-dark: #9e7d48;
  --vm-gold-gradient: linear-gradient(135deg, #dfba73 0%, #c5a880 50%, #9e7d48 100%);
  --vm-gold-glow: rgba(197, 168, 128, 0.25);
  
  --vm-text-light: #f8fafc;
  --vm-text-cream: #f4eee2;
  --vm-text-muted: #94a3b8;
  --vm-border-gold: rgba(197, 168, 128, 0.22);
  --vm-border-subtle: rgba(255, 255, 255, 0.08);

  --vm-font-heading: 'Playfair Display', Georgia, serif;
  --vm-font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vm-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Global Body Styling */
body {
  background-color: var(--vm-bg-deep) !important;
  color: var(--vm-text-light) !important;
  font-family: var(--vm-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main-container, .site-main, .entry-content {
  background-color: var(--vm-bg-deep) !important;
}

/* Header Overrides */
.ct-header {
  background: rgba(8, 14, 26, 0.9) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--vm-border-gold);
}

.ct-header .menu-item a {
  color: var(--vm-text-light) !important;
  font-family: var(--vm-font-body);
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  transition: var(--vm-transition);
}

.ct-header .menu-item a:hover,
.ct-header .menu-item.current-menu-item a {
  color: var(--vm-gold-light) !important;
}

/* CTA Ghost Button in Header */
.ct-button-ghost {
  border: 1px solid var(--vm-gold) !important;
  color: var(--vm-gold) !important;
  background: transparent !important;
  border-radius: 4px;
  font-family: var(--vm-font-body);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 10px 22px !important;
  transition: var(--vm-transition) !important;
}

.ct-button-ghost:hover {
  background: var(--vm-gold-gradient) !important;
  color: #080e1a !important;
  box-shadow: 0 4px 20px var(--vm-gold-glow);
  transform: translateY(-2px);
}