/*
Theme Name: Zenergy Healing Theme
Description: A custom block theme for Zenergy Healing with Tailwind CSS and custom blocks
Version: 1.1.0
Author: Zenergy Healing LLC
License: Private
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
Text Domain: zenergy-healing-theme
*/

/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Theme styles will be handled by Tailwind CSS via the plugin */
body {
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.font-playfair {
  font-family: 'Playfair Display', serif;
}

/* Ensure full height layout */
html, body {
  height: 100%;
}

.site-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1;
}

/* Custom utility classes for theme */
.bg-zenergy-gradient {
  background: linear-gradient(to bottom, #111827, #581c87, #111827);
}

.text-gradient-purple {
  background: linear-gradient(to right, #c084fc, #a5b4fc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Dark purple gradient for cover blocks */
.has-dark-purple-gradient-gradient-background {
  background: linear-gradient(to bottom, rgba(17, 24, 39, 0.7), rgba(88, 28, 135, 0.7)) !important;
}

/* Header specific styles */
.site-header a {
  text-decoration: none;
}

/* Tailwind-style gradient classes for text */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-purple-400 {
  --tw-gradient-from: #c084fc;
  --tw-gradient-to: rgb(192 132 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-indigo-300 {
  --tw-gradient-to: #a5b4fc;
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.text-transparent {
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Color presets for block editor */
:root {
  --wp--preset--color--purple-200: #ddd6fe;
  --wp--preset--color--purple-300: #c4b5fd;
  --wp--preset--color--purple-800-30: rgba(107, 33, 168, 0.3);
  --wp--preset--color--gray-300: #d1d5db;
}

/* Navigation styles */
.site-header nav a {
  transition: color 0.3s ease;
}

.site-header nav a:hover {
  color: #d8b4fe;
}

/* Underline styles for navigation */
.underline {
  text-decoration: underline;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.decoration-purple-400 {
  text-decoration-color: #c084fc;
}

/* Font family utilities */
.font-playfair {
  font-family: 'Playfair Display', serif;
}

.font-poppins {
  font-family: 'Poppins', sans-serif;
}

/* Current page indicator */
.site-header nav a.font-medium {
  text-decoration: underline;
  text-decoration-color: #a855f7;
  text-underline-offset: 4px;
}

/* Active/Current page navigation styles */
.wp-block-navigation .current-menu-item a,
.wp-block-navigation .current_page_item a,
.wp-block-navigation .current-page-ancestor a,
.wp-block-navigation .current-menu-ancestor a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: #c084fc;
  text-underline-offset: 4px;
}

/* Navigation link styles */
.wp-block-navigation a {
  color: #ddd6fe;
  transition: color 0.3s ease;
  text-decoration: none;
}

.wp-block-navigation a:hover {
  color: #d8b4fe;
}

/* Navigation layout */
.wp-block-navigation ul {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-navigation li {
  margin: 0;
}

/* Responsive typography for gradient titles */
.gradient-title {
  /* Styles moved to src/style.css where @apply works */
}

/* Constrained width utility */
.max-w-3xl {
  max-width: 48rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* Remove any WordPress default margins/padding that might affect header */
.site-header {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure header doesn't get extra height from WordPress */
.wp-block-group {
  margin: 0 !important;
}

/* Custom Block Styles moved to src/style.css where @apply works */