/* Responsive Display Controls for Policy Detail Page */
.policy-mobile-nav {
  display: block;
}
.policy-desktop-sidebar {
  display: none;
}

@media (min-width: 1024px) {
  .policy-mobile-nav {
    display: none !important;
  }
  .policy-desktop-sidebar {
    display: block !important;
  }
}

/* Mobile Swipable Policy Navigation */
.policy-pills-scroll {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.policy-pills-scroll::-webkit-scrollbar {
  display: none;
}

.policy-pill-item {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}
.policy-pill-item.active-policy-pill {
  background: linear-gradient(135deg, #b07d50 0%, #d4a373 100%) !important;
  color: #ffffff !important;
  border-color: #b07d50 !important;
  box-shadow: 0 4px 14px -2px rgba(176, 125, 80, 0.35) !important;
}
.dark .policy-pill-item.active-policy-pill {
  background: linear-gradient(135deg, #b07d50 0%, #c89565 100%) !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.5) !important;
}

/* Custom styles for high readability & single font in policy details */
.policy-content-area {
  font-family: 'Quicksand', 'Montserrat', sans-serif !important;
  color: #2D2522 !important; /* Higher contrast warm dark color for better legibility */
}
.dark .policy-content-area {
  color: #E6E1DC !important;
}

.policy-content-area h1,
.policy-content-area h2,
.policy-content-area h3,
.policy-content-area h4,
.policy-content-area h5,
.policy-content-area h6 {
  font-family: 'Quicksand', 'Montserrat', sans-serif !important;
  color: #1A1210 !important; /* Solid contrast dark color for headings */
  font-weight: 700 !important; /* Semibold/Bold */
  margin-top: 1.85rem !important;
  margin-bottom: 0.85rem !important;
}
.dark .policy-content-area h1,
.dark .policy-content-area h2,
.dark .policy-content-area h3,
.dark .policy-content-area h4,
.dark .policy-content-area h5,
.dark .policy-content-area h6 {
  color: #FFFFFF !important;
}

.policy-content-area h3 {
  font-size: 1.15rem !important;
  line-height: 1.4 !important;
}
.policy-content-area p {
  margin-bottom: 1.25rem !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
}
.policy-content-area ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1.25rem !important;
  font-weight: 500 !important;
}
.policy-content-area ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin-bottom: 1.25rem !important;
  font-weight: 500 !important;
}
.policy-content-area li {
  margin-bottom: 0.5rem !important;
  line-height: 1.75 !important;
}
.policy-content-area strong {
  color: #1A1210 !important;
  font-weight: 700 !important;
}
.dark .policy-content-area strong {
  color: #FFFFFF !important;
}

/* Smooth loading transition & spinner */
@keyframes policyContentFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-content-fade {
  animation: policyContentFadeIn 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}