/* (removed custom background on .intro-header – use theme defaults) */

/* Scroll-to-Footer Button for legal compliance access */
:root {
  --sq-green: #2c974d;
  --sq-green-alt: #55c878;
}

/* Floating scroll-to-footer button */
.scroll-to-footer {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(44, 151, 77, 0.3);
  background: linear-gradient(135deg, var(--sq-green) 0%, var(--sq-green-alt) 100%);
  color: #ffffff;
  z-index: 1000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  opacity: 0.95;
}

.scroll-to-footer:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 32px rgba(44, 151, 77, 0.4);
  opacity: 1;
}

.scroll-to-footer:active {
  transform: translateY(-2px) scale(1.02);
}

.scroll-to-footer:focus {
  outline: 3px solid rgba(44, 151, 77, 0.5);
  outline-offset: 4px;
}

.scroll-to-footer i {
  font-size: 22px;
  line-height: 0;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

/* Hide on small screens where footer is easily accessible */
@media (max-width: 768px) {
  .scroll-to-footer {
    display: none !important;
  }
}

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

/* Respect user's reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .scroll-to-footer {
    transition: none;
  }
}

/* Dark mode text styling for homepage content */
@media (prefers-color-scheme: dark) {
  /* Homepage well container */
  .container .row .well {
    color: #ffffff !important;
    background-color: #444 !important;
  }
  
  /* All text elements in well container */
  .container .row .well h1,
  .container .row .well h2,
  .container .row .well h3,
  .container .row .well h4,
  .container .row .well h5,
  .container .row .well h6,
  .container .row .well p,
  .container .row .well * {
    color: #ffffff !important;
  }
  
  /* Additional fallback for any text in well */
  .well,
  .well * {
    color: #ffffff !important;
  }
}