/* ========================================
   Ucoopia - Global List Styles
   Styles for ul and ol lists across all blocks
   ======================================== */

/* Base list styles - Match paragraph typography */
ul,
ol,
.wp-block-list {
  font-family: var(--ucoopia-font-body, 'univers-next-pro', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--ucoopia-black, #000000);
  padding-left: 24px;
  margin: 0 0 24px;
}

/* Unordered lists - bullets */
ul,
ul.wp-block-list {
  list-style-type: disc;
}

/* Ordered lists - numbers */
ol,
ol.wp-block-list {
  list-style-type: decimal;
}

/* List items - Uniform spacing */
ul li,
ol li,
.wp-block-list li {
  display: list-item;
  margin-bottom: 12px;
  padding-left: 8px;
}

/* Remove margin from last item */
ul li:last-child,
ol li:last-child,
.wp-block-list li:last-child {
  margin-bottom: 0;
}

/* Orange markers - Default */
ul li::marker,
ol li::marker,
.wp-block-list li::marker {
  color: var(--ucoopia-yellow-primary, #F4A323);
}

/* Green markers - When on orange background or in section-image-text */
.has-orange-light-background-color ul li::marker,
.has-orange-light-background-color ol li::marker,
.has-orange-light-background-color .wp-block-list li::marker,
[style*="background-color: #F4A323"] ul li::marker,
[style*="background-color: #F4A323"] ol li::marker,
[style*="background-color: #F4A323"] .wp-block-list li::marker,
[style*="background: #F4A323"] ul li::marker,
[style*="background: #F4A323"] ol li::marker,
[style*="background: #F4A323"] .wp-block-list li::marker,
.bg-orange ul li::marker,
.bg-orange ol li::marker,
.bg-orange .wp-block-list li::marker,
[style*="FEF5E7"] ul li::marker,
[style*="FEF5E7"] ol li::marker,
[style*="FEF5E7"] .wp-block-list li::marker,
.section-image-text__content ul li::marker,
.section-image-text__content ol li::marker,
.section-image-text__content .wp-block-list li::marker {
  color: var(--ucoopia-green-primary, #006666);
}

/* Nested lists */
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 8px;
  margin-bottom: 0;
}

/* Second level bullets */
ul ul {
  list-style-type: circle;
}

/* Third level bullets */
ul ul ul {
  list-style-type: square;
}

/* Second level numbers */
ol ol {
  list-style-type: lower-alpha;
}

/* Third level numbers */
ol ol ol {
  list-style-type: lower-roman;
}

/* ========================================
   Separator Block Styles
   ======================================== */

/* WordPress core separator block - base styles */
.wp-block-separator,
hr.wp-block-separator {
  border: none;
  margin: 24px 0;
  opacity: 1;
  height: 2px;
  min-height: 2px;
}

/* Default color when no color is set */
.wp-block-separator:not(.has-background):not([style*="background"]),
hr.wp-block-separator:not(.has-background):not([style*="background"]) {
  background-color: var(--ucoopia-green-primary, #006666);
}

/* Wide separator */
.wp-block-separator.is-style-wide {
  width: 100%;
}

/* Dots style separator */
.wp-block-separator.is-style-dots {
  background: none;
  text-align: center;
  line-height: 1;
  height: auto;
  min-height: auto;
}

.wp-block-separator.is-style-dots::before {
  content: '···';
  font-size: 24px;
  letter-spacing: 16px;
  padding-left: 16px;
}

/* Default dot color when no color is set */
.wp-block-separator.is-style-dots:not(.has-text-color):not([style*="color"])::before {
  color: var(--ucoopia-green-primary, #006666);
}