/* === Media di konten Summernote: responsif === */
.summernote-content img,
.summernote-content video,
footer .summernote-content img,
footer .summernote-content video {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* === Tabel bawaan Summernote: rapih & scroll jika sempit === */
.summernote-content table,
footer .summernote-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0;
}
.summernote-content table th,
.summernote-content table td,
footer .summernote-content table th,
footer .summernote-content table td {
  border: 1px solid rgba(0,0,0,.1);
  padding: 6px 8px;
}
.summernote-content .table-responsive {
  overflow-x: auto;
}

/* === Heading & paragraf: jarak konsisten === */
.summernote-content p,
footer .summernote-content p {
  margin: 0 0 10px 0 !important;
  line-height: 1.6;
}
.summernote-content h1, .summernote-content h2, .summernote-content h3,
.summernote-content h4, .summernote-content h5, .summernote-content h6 {
  margin: 12px 0 8px !important;
  line-height: 1.25;
}

/* === Link tampak jelas === */
.summernote-content a { text-decoration: underline; }

/* === Daftar bernomor bertingkat: gaya berubah otomatis === */
.summernote-content ol { counter-reset: lvl1; }
.summernote-content ol > li { counter-increment: lvl1; }
.summernote-content ol > li::marker { content: counters(lvl1, ".") ". "; }

.summernote-content ol ol { counter-reset: lvl2; }
.summernote-content ol ol > li { counter-increment: lvl2; }
.summernote-content ol ol > li::marker { content: lower-alpha(counters(lvl2, ".") ) ". "; }

.summernote-content ol ol ol { counter-reset: lvl3; }
.summernote-content ol ol ol > li { counter-increment: lvl3; }
.summernote-content ol ol ol > li::marker { content: lower-roman(counters(lvl3, ".") ) ". "; }

/* === Mode RTL (kalau dipakai) === */
[dir="rtl"] .summernote-content ul,
[dir="rtl"] .summernote-content ol {
  margin: 0 1.4rem 8px 0 !important;
}