/* ===============================
   DERINEX THEME - CUSTOM STYLES
=============================== */

body {
  font-family: 'Inter', sans-serif;
  background-color: #f9fafb; /* bg-gray-50 */
  color: #1f2937; /* text-gray-800 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hero Slider — 16:9 container, slides fill box */
.hero-swiper,
.hero-swiper .swiper-wrapper,
.hero-swiper .swiper-slide {
  height: 100%;
}
.hero-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Spin Utility overrides */
@keyframes spin-slow { 
  100% { transform: rotate(360deg); } 
}
.animate-spin-slow { 
  animation: spin-slow 20s linear infinite; 
}

/* Lightbox Zoom-In Animation */
@keyframes zoom-in {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
.animate-zoom-in {
  animation: zoom-in 0.3s ease-out forwards;
}

/* Blog Content Styling */
.prose h1, .prose h2, .prose h3, .prose h4 {
  color: #111827;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  line-height: 1.2;
}
.prose h1 { font-size: 2.25rem; }
.prose h2 { font-size: 1.875rem; border-bottom: 2px solid #f3f4f6; padding-bottom: 0.5rem; }
.prose h3 { font-size: 1.5rem; }

.prose p {
  margin-bottom: 1.5rem;
  line-height: 1.8;
  color: #4b5563;
}

.prose ul, .prose ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.prose ul { list-style-type: disc; }
.prose ol { list-style-type: decimal; }

.prose li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.prose strong {
  color: #111827;
  font-weight: 700;
}

.prose img {
  border-radius: 1.5rem;
  margin: 2.5rem 0;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}