/**
 * PawsDear Landing Page Styles
 * Custom styles extending Tailwind CSS
 */

/* Clean custom scrollbar styles */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #F4F0EA;
}

::-webkit-scrollbar-thumb {
  background: #D4A39D;
  border-radius: 3px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Tab active state */
.active-tab {
  background-color: white;
  color: #2C2C2C;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

/* Admin tab active state */
.active-admin-tab {
  border-bottom-width: 2px;
  border-color: #8F9E8B;
  color: #6E7C6A !important;
  background-color: #f8faf8;
}

/* Dialog backdrop */
dialog::backdrop {
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
}

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

/* Scroll margin for sections (account for sticky header) */
section[id],
#demo-anchor {
  scroll-margin-top: 80px;
}