/*
Theme Name: LowKeySkyler
Theme URI: https://example.com/lowkeyskyler
Author: Skyler + ChatGPT
Author URI: https://example.com
Description: A modern, dark, animated block theme to showcase skills, projects, and music with a contact form that stores messages in WordPress (no emails).
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
Tags: block-theme, dark, one-page, portfolio, music, responsive
Text Domain: lowkeyskyler
*/

:root { scroll-behavior: smooth; }

body { font-feature-settings: "ss01" 1, "cv01" 1; }

/* Layout container */
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* Sticky header shadow when scrolled */
.is-scrolled .site-header { box-shadow: 0 6px 24px rgba(0,0,0,.35); }

/* Reveal animation */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, #8b5cf6, #06b6d4, #22c55e);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Buttons */
.wp-block-button__link.is-style-skyler {
  border-radius: 9999px;
  padding: .9rem 1.35rem;
  text-decoration: none;
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s;
}
.wp-block-button__link.is-style-skyler:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.wp-block-button__link.is-style-outline { background: transparent !important; border: 1px solid currentColor; }

/* Sections */
.section { padding: 96px 0; position: relative; }
.section .section-head { margin-bottom: 28px; }
.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  margin: 48px 0;
}

/* Cards */
.card {
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.06);
}

/* Header */
.site-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.site-title a { text-decoration: none; }

/* Smooth anchor offset for sticky header */
:target { scroll-margin-top: 90px; }

/* Decorative animated orbs */
.orb {
  position: absolute; border-radius: 9999px; filter: blur(50px); opacity: .15; mix-blend-mode: screen; pointer-events: none;
  animation: float 12s ease-in-out infinite alternate;
}
.orb.one { width: 280px; height: 280px; background: #8b5cf6; top: -60px; right: -60px; }
.orb.two { width: 240px; height: 240px; background: #06b6d4; bottom: -40px; left: -40px; animation-duration: 16s; }

@keyframes float {
  from { transform: translateY(0) translateX(0); }
  to   { transform: translateY(-12px) translateX(8px); }
}

/* Simple nav highlight */
.nav-active a { color: var(--wp--preset--color--primary) !important; }