/* ==========================================================================
   KOMMANABOYINA VENTURES — Theme-specific styles
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Sticky header background swap on scroll */
#site-header.is-scrolled {
  background: rgba(6, 20, 45, 0.96);
  padding-top: .85rem;
  padding-bottom: .85rem;
  box-shadow: 0 8px 30px rgba(6, 20, 45, 0.25);
}
#site-header:not(.is-scrolled) {
  background: transparent;
}

/* Keep the fixed header below the WordPress admin bar */
body.admin-bar #site-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #site-header {
    top: 46px;
  }
}

/* Mobile menu icon -> X */
#menu-toggle.is-open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
#menu-toggle.is-open span:nth-child(2) { opacity: 0; }
#menu-toggle.is-open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Scroll-reveal utility (toggled by IntersectionObserver in main.js) */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Back to top visibility state */
.back-to-top-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Testimonial track scrollbar */
.testimonial-track {
  scrollbar-width: thin;
  scrollbar-color: rgba(242, 213, 126, .3) transparent;
}
.testimonial-track::-webkit-scrollbar { height: 4px; }
.testimonial-track::-webkit-scrollbar-thumb {
  background: rgba(242, 213, 126, .3);
  border-radius: 4px;
}

/* Form focus ring matching the gold accent */
.field-input:focus {
  outline: none;
  border-color: #D4AF37;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

/* Form error message (used by the AJAX contact form) */
.form-error {
  background: rgba(220, 38, 38, 0.06);
  border: 1px solid rgba(220, 38, 38, 0.28);
  color: #7f1d1d;
}

/* Mobile navigation: the last item carries no divider in the original design */
.mobile-nav-menu li:last-child a {
  border-bottom: 0;
}

/* Non-standard Tailwind opacity modifiers used in the original markup */
.bg-navy-900\/98 {
  background-color: rgba(6, 20, 45, 0.98);
}
.to-navy-900\/96 {
  --tw-gradient-to: rgba(6, 20, 45, 0.96) var(--tw-gradient-to-position);
}

/* Custom logo sizing */
.site-logo .custom-logo-link,
.site-footer .custom-logo-link {
  display: inline-block;
}
.site-logo .custom-logo {
  max-height: 56px;
  width: auto;
}
.site-footer .custom-logo {
  max-height: 48px;
  width: auto;
  margin-bottom: 1.25rem;
}

/* WordPress page/posts content rendered by the editor */
.prose-custom {
  color: #5B6472;
  line-height: 1.7;
}
.prose-custom h1,
.prose-custom h2,
.prose-custom h3,
.prose-custom h4 {
  font-family: "Playfair Display", Georgia, serif;
  color: #1B2430;
  margin: 2rem 0 1rem;
  line-height: 1.2;
}
.prose-custom h2 { font-size: 1.9rem; }
.prose-custom h3 { font-size: 1.4rem; }
.prose-custom h4 { font-size: 1.15rem; }
.prose-custom p { margin: 0 0 1.25rem; }
.prose-custom ul,
.prose-custom ol { margin: 0 0 1.25rem 1.5rem; }
.prose-custom ul { list-style: disc; }
.prose-custom ol { list-style: decimal; }
.prose-custom a { color: #D4AF37; text-decoration: underline; }
.prose-custom img { max-width: 100%; height: auto; border-radius: 14px; }
.prose-custom blockquote {
  border-left: 3px solid #D4AF37;
  padding-left: 1.25rem;
  font-style: italic;
  margin: 1.5rem 0;
}
.prose-custom .wp-caption { max-width: 100%; }
.prose-custom .wp-caption-text { font-size: .85rem; color: #5B6472; }
