/*
Theme Name: Luxera Link Theme
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Luxera Link 用のシンプルな1カラムWordPressテーマ
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: luxera-link-theme
*/

html {
  scroll-behavior: smooth;
}

.hero-bg {
  position: relative;
  overflow: hidden;
  background-image: url('assets/AdobeStock_503243650.jpeg');
  background-size: cover;
  background-position: center;
}

.hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10, 30, 20, 0.72) 0%,
    rgba(10, 30, 20, 0.45) 55%,
    rgba(10, 30, 20, 0.1) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.hero-bg::before {
  content: '';
  position: absolute;
  inset: -20%;
  background-image:
    radial-gradient(ellipse 70% 60% at 10% 50%, rgba(74, 222, 128, 0.45) 0%, transparent 55%),
    radial-gradient(ellipse 55% 50% at 80% 15%, rgba(34, 211, 238, 0.3) 0%, transparent 50%),
    radial-gradient(ellipse 65% 55% at 60% 90%, rgba(167, 243, 208, 0.4) 0%, transparent 50%);
  animation: aurora-shift 6s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 2;
}

@keyframes aurora-shift {
  0% { transform: scale(1) translate(0px, 0px); opacity: 0.6; }
  100% { transform: scale(1.18) translate(40px, -30px); opacity: 1; }
}

#navbar.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
}

.admin-bar #navbar {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar #navbar {
    top: 46px;
  }
}