/*
Theme Name: SpokenWord Theme
Author: Spec 5
Description: A WordPress theme clone of SpokenWord.ai
Version: 1.4
*/
.see {
  border: 2px solid red;
}
/* WordPress Reset & Defaults */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* Remove default margins usually added by browsers or WP themes */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Ensure box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Fix for Admin Bar causing layout shifts */
html {
  margin-top: 0 !important;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

.animate-slide-in-right {
  animation: slideInRight 0.8s ease-out forwards;
  animation-delay: 0.2s; /* Slight delay for the second column/image */
  animation-fill-mode: forwards;
  opacity: 0; /* ensure it starts invisible */
}

/* Global Background Gradient */
@keyframes pulse-light {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
}

.glow-bg {
  position: fixed;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(212, 175, 55, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  animation: pulse-light 4s infinite;
  pointer-events: none;
  z-index: -1;
}