/*
 * Theme Name: BEM Generator
 * Version: 1.0.1
 * Author: Yurii Cherniievskyi <info@miditaur.net>
 * License: MIT
 */


/* Product help system: ECL-compatible extensions only. */
.ecl-help__meta { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; }
.ecl-help__badge { display:inline-flex; align-items:center; min-height:2rem; padding:.25rem .6rem; border:1px solid var(--ecl-color-grey-25); background:var(--ecl-color-grey-5); color:var(--ecl-color-blue-dark); font-size:.875rem; font-weight:700; }
.ecl-help-main { padding-top:2rem; padding-bottom:3rem; }
.ecl-help__freshness { margin-top:0; margin-bottom:2rem; }
.ecl-help__freshness p { margin:0; }
.ecl-help-section { max-width:75rem; margin:0 0 2rem; padding:1.5rem; border-top:4px solid var(--ecl-color-blue); background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.08); }
.ecl-help-section > :last-child { margin-bottom:0; }
.ecl-help-section h3 { margin:0 0 .75rem; font-size:1.25rem; line-height:1.4; }
.ecl-help-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1rem; }
.ecl-help-cards .ecl-highlight-box { height:100%; }
.ecl-help-code { overflow:auto; margin:1rem 0; padding:1rem; border-left:4px solid var(--ecl-color-blue); background:var(--ecl-color-grey-5); line-height:1.5; }
.ecl-help-code code { padding:0; background:transparent; white-space:pre; }
.ecl-help-menu .ecl-menu__list { flex-wrap:wrap; }
@media (max-width:767px) {
  .ecl-help__meta { justify-content:flex-start; }
  .ecl-help-menu { overflow-x:auto; padding-bottom:0; }
  .ecl-help-menu .ecl-menu__list { display:flex; flex-wrap:nowrap; width:max-content; }
  .ecl-help-menu .ecl-menu__link { border-left:0; white-space:nowrap; }
  .ecl-help-section { padding:1rem; }
}

/* ECL-compatible editorial lists. Preserve semantic ul/ol markers and spacing. */
.ecl-list {
  margin: 0 0 1.5rem;
  padding-inline-start: 1.5rem;
}

.ecl-list > li + li {
  margin-top: .5rem;
}

ul.ecl-list { list-style-type: disc; }
ol.ecl-list { list-style-type: decimal; }

.ecl-list .ecl-list {
  margin-top: .5rem;
  margin-bottom: 0;
}