/* Franklin Properties — Custom Styles */
/* Additional polish beyond Tailwind */

/* Smooth scroll offset for fixed navbar */
section[id] {
  scroll-margin-top: 80px;
}

/* Selection color */
::selection {
  background: rgba(45, 212, 191, 0.3);
  color: #0a1628;
}

/* Focus visible for accessibility */
:focus-visible {
  outline: 2px solid #2dd4bf;
  outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a1628;
}
::-webkit-scrollbar-thumb {
  background: #2dd4bf;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #5eead4;
}

/* Form input autofill styling */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #f0fdf9 inset !important;
  -webkit-text-fill-color: #0a1628 !important;
}

/* Print styles */
@media print {
  nav, .geo-circle, .geo-square, .reveal { display: none !important; }
  body { color: #000 !important; background: #fff !important; }
  a { color: #000 !important; }
}

/* Large screen adjustments */
@media (min-width: 1280px) {
  .hero-img-wrapper img {
    max-height: 600px;
  }
}

/* Prevent layout shift on image load */
img {
  background-color: #ccfbef;
}