/* Sentuhan tambahan di atas Tailwind CDN */

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Animasi lembut untuk modal */
#orderModal {
  transition: opacity 0.2s ease;
}

/* Scrollbar lebih kemas untuk jadual admin/dashboard */
table {
  scrollbar-width: thin;
}

/* Fokus konsisten untuk aksesibiliti */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #059669;
  outline-offset: 2px;
}

/* Styling untuk kandungan Penerangan Produk (dijana dari editor WYSIWYG) */
.konten-deskripsi p { margin-bottom: 0.75rem; }
.konten-deskripsi p:last-child { margin-bottom: 0; }
.konten-deskripsi h2 { font-size: 1.15rem; font-weight: 700; color: #1F2937; margin-top: 1rem; margin-bottom: 0.5rem; }
.konten-deskripsi h3 { font-size: 1.05rem; font-weight: 600; color: #1F2937; margin-top: 0.875rem; margin-bottom: 0.5rem; }
.konten-deskripsi ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.konten-deskripsi ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.konten-deskripsi li { margin-bottom: 0.25rem; }
.konten-deskripsi strong, .konten-deskripsi b { font-weight: 700; }
.konten-deskripsi em, .konten-deskripsi i { font-style: italic; }