/**
 * Sanitized package offering_details HTML on service detail, mobile cart, admin preview.
 * Scoped class — does not affect other UI.
 */
.service-offering-details-html {
  display: block;
  width: 100%;
}

/*
 * Blade service sidebar: style.css sets .basic_list_data ul li { list-style-type: none; }
 * for the checkmark rows. That rule also hits nested Quill <ul>/<ol> inside offering_details.
 * Restore markers only inside .service-offering-details-html (e.g. admin service-details-page).
 */
.basic_list_data .service-offering-details-html ul > li {
  list-style-type: disc !important;
  list-style-position: outside !important;
}

.basic_list_data .service-offering-details-html ol > li {
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

/* Match prior inline span + icon row: keep text block aligned with checkmark */
.basic_list_data .basic_list_text.service-offering-details-html {
  vertical-align: top;
}

.service-offering-details-html p {
  margin: 0 0 0.4em;
}

.service-offering-details-html p:last-child {
  margin-bottom: 0;
}

/* Override Tailwind Preflight (list-style: none on ul/ol) */
.service-offering-details-html ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  margin: 0.35em 0 0.65em !important;
  padding-left: 1.35em !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.service-offering-details-html ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  margin: 0.35em 0 0.65em !important;
  padding-left: 1.6em !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.service-offering-details-html li {
  display: list-item !important;
  margin-bottom: 0.3em;
  padding-left: 0.2em;
}

.service-offering-details-html li > ul,
.service-offering-details-html li > ol {
  margin-top: 0.35em !important;
  margin-bottom: 0.35em !important;
}

.service-offering-details-html strong,
.service-offering-details-html b {
  font-weight: 700;
}

.service-offering-details-html em,
.service-offering-details-html i {
  font-style: italic;
}

.service-offering-details-html u {
  text-decoration: underline;
}

.service-offering-details-html h1,
.service-offering-details-html h2,
.service-offering-details-html h3 {
  font-size: 1em;
  font-weight: 700;
  margin: 0.35em 0 0.2em;
  line-height: 1.3;
}

.service-offering-details-html h1 {
  font-size: 1.05em;
}
.service-offering-details-html h2 {
  font-size: 1em;
}
.service-offering-details-html h3 {
  font-size: 0.98em;
}