/* =====================================================================
   MijnIPInfo – Custom styles
   TailwindCSS handles most styling. This file adds extras.
   ===================================================================== */

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

/* Line clamp utilities (for older browsers) */
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* Leaflet map fix */
.leaflet-container {
    z-index: 1 !important;
}

/* Prose – simple content styling without Tailwind Typography plugin */
.prose h1 { font-size: 1.875rem; font-weight: 800; margin-bottom: 1rem; color: #1f2937; }
.prose h2 { font-size: 1.5rem;   font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; color: #1f2937; }
.prose h3 { font-size: 1.25rem;  font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; color: #374151; }
.prose p  { margin-bottom: 1rem; line-height: 1.75; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.25rem; }
.prose a  { color: #176AD0; text-decoration: underline; }
.prose strong { font-weight: 600; color: #1f2937; }
.prose table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: 0.875rem; }
.prose th { background: #f3f4f6; padding: 0.5rem 0.75rem; text-align: left; font-weight: 600; }
.prose td { padding: 0.5rem 0.75rem; border-top: 1px solid #e5e7eb; }

/* Rating colors */
.text-primary { color: #176AD0; }
.bg-primary   { background-color: #176AD0; }
.border-primary { border-color: #176AD0; }