/* css/style.css - Custom Ragus List frontend styles */


/* Generic list item spacing & alignment */
ul.wp-block-custom-ragus-list li,
ol.wp-block-custom-ragus-list li{
  font-size: 24px;
  font-weight: 400;
}

/* Unordered list: custom round bullet */
ul.wp-block-custom-ragus-list li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0.8em;
  width: 2px;
  height: 8px;
  background: #111;           /* bullet color */
  border-radius: 50%;
  display: inline-block;
}

/* Ordered list: show numbers */
ol.wp-block-custom-ragus-list,
.wp-block-custom-ragus-list.is-ordered {
  list-style-type: decimal;
  list-style-position: outside;
  counter-reset: none;
}

ol.wp-block-custom-ragus-list li,
.wp-block-custom-ragus-list.is-ordered li {
  counter-increment: ragus-counter;
}
ol.wp-block-custom-ragus-list li::before,
.wp-block-custom-ragus-list.is-ordered li::before {
  content: counter(ragus-counter) ".";
  position: absolute;
  left: 8px;
  top: 0;
  color: #111;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.45;
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  padding-right: 6px;
}

/* Optional: slightly bolder first word (like "LIST" label look in editor) */
/* If you want a small label before the list, uncomment and adjust:
.wp-block-custom-ragus-list::before {
  content: "LIST";
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 2px;
  margin-bottom: 6px;
}
*/
.dashicons-editor-ul {
    width: 50px;
    height: 50px;
}
.dashicons-editor-ul::before{
      font-size: 50px;
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .wp-block-custom-ragus-list li::before { left:8px; }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    .post-paragraph.small-body .content .wp-block-custom-ragus-list,
    .wp-block-custom-ragus-list {
        
    }
    ol.wp-block-custom-ragus-list, .wp-block-custom-ragus-list.is-ordered{
      
    }
}