/*
Theme Name: Theme ZPCPTO website
Theme URI:
Author: KirCK
Author URI: https://homelab-kirck.dev/
Description: Update site vpu27
Version: 1.0
Text Domain: zpcpto
*/

/* Основні стилі перенесені з HTML */
body {
  box-sizing: border-box;
  background-color: var(--color-bg);
  color: var(--color-text);
}

:root {
  /* Значення за замовчуванням (якщо не змінено в адмінці) */
  --color-bg: #0A0E27;
  --color-surface: #1A1F3A;
  --color-text: #E8EDF2;
  --color-primary: #00D9FF;
  --color-secondary: #7B61FF;
}

.font-display {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-body {
  font-family: 'Space Grotesk', -apple-system, sans-serif;
}

.gradient-text {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glass Card Styles */
.glass-card {
  background: rgba(26, 31, 58, 0.6);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(123, 97, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 217, 255, 0.4);
  box-shadow: 0 20px 40px -10px rgba(0, 217, 255, 0.3);
}

/* Animations */
.hero-bg {
  background: 
    radial-gradient(circle at 20% 50%, rgba(123, 97, 255, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(0, 217, 255, 0.15) 0%, transparent 50%),
    linear-gradient(180deg, #0A0E27 0%, #1A1F3A 100%);
}

.floating {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

.hamburger-line {
  transition: all 0.3s ease;
  background: var(--color-text);
}

.menu-open .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.menu-open .hamburger-line:nth-child(2) {
  opacity: 0;
}

.menu-open .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.stat-card {
  background: linear-gradient(135deg, rgba(123, 97, 255, 0.1) 0%, rgba(0, 217, 255, 0.1) 100%);
  border: 1px solid rgba(123, 97, 255, 0.3);
}

.feature-icon {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

/* Details/Summary styling */
details summary {
  list-style: none;
  cursor: pointer;
}
details summary::-webkit-details-marker {
  display: none;
}
details[open] summary .chevron {
  transform: rotate(180deg);
}
.chevron {
  transition: transform 0.3s ease;
}

/* WordPress Specific Fixes */
.admin-bar header { top: 32px; }