/*
Theme Name: Daydreams Massage Jakarta
Theme URI: https://daydreamsmassagejakarta.com/
Author: Daydreams Studio
Author URI: https://daydreamsmassagejakarta.com/
Description: Tema WordPress SPA (Single Page Application) profesional, ultra-responsif, dan SEO-friendly untuk jasa Pijat Panggilan Jakarta 24 Jam. Dioptimalkan untuk konversi cepat ke WhatsApp, ramah perangkat mobile, dan dilengkapi schema structured data.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
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: daydreams-massage
Tags: one-column, custom-menu, featured-images, translation-ready, full-width-template, landing-page
*/

/* Custom Smooth Scrolling & Typography Enhancements */
html {
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
  overflow-x: hidden;
}

/* Elegant Brand Accents */
:root {
  --color-primary: #0f172a;       /* Deep Luxury Navy */
  --color-primary-light: #1e3a8a; /* Relaxing Ocean Blue */
  --color-accent: #d97706;        /* Warm Gold/Amber */
  --color-accent-light: #fef3c7;  /* Soft Warm Gold Wash */
  --color-accent-hover: #b45309;  /* Dark Gold */
  --color-wa: #25d366;            /* WhatsApp Green */
  --color-wa-hover: #1ebd56;
}

/* Subtle Relaxation Ambient Gradient */
.bg-spa-gradient {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #172554 100%);
}

.bg-gold-gradient {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.text-gold {
  color: #d97706;
}

.border-gold {
  border-color: #f59e0b;
}

/* Pulse animation for CTA & Floating WhatsApp */
@keyframes pulse-subtle {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 20px 30px -5px rgba(37, 211, 102, 0.6);
  }
}

.animate-pulse-wa {
  animation: pulse-subtle 2.8s infinite ease-in-out;
}

/* Floating Bar Mobile Offset */
@media (max-width: 768px) {
  body {
    padding-bottom: 72px; /* Prevent bottom navigation overlaying content */
  }
}

/* Hide scrollbar for category tabs */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}