/* ═══════════════ Indy Poop Swoop — Brand Styles ═══════════════ */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Selection color */
::selection {
  background-color: rgba(0, 188, 212, 0.2);
  color: #004d59;
}

/* Active frequency/lot button styling */
.freq-btn, .lot-btn {
  cursor: pointer;
  transition: all 0.2s ease;
}
.freq-btn:not(.active-freq):hover,
.lot-btn:not(.active-lot):hover {
  border-color: #99ebeb;
  background-color: #f0fdfd;
}

/* FAQ Accordion */
.faq-content { display: none; }
.faq-content.open { display: block; }
.faq-icon { transition: transform 0.3s ease; }
.faq-icon.rotated { transform: rotate(180deg); }

/* Back to top */
#back-to-top { display: none; }
#back-to-top.visible { display: flex; }

/* Form focus states */
input:focus, select:focus, textarea:focus {
  border-color: #00bcd4 !important;
  box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.1);
}

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

section {
  animation: fadeInUp 0.6s ease-out;
}