/* Transformation Levels - Numbered Cards */
/* Using inline tl-number-badge spans as the single source of truth for badges */

/* Disable the ::before CSS counter approach entirely */
.transformation-levels .wp-block-group.is-layout-grid > .wp-block-group::before {
    display: none !important;
}

/* Ensure cards have enough top padding to accommodate the badge */
.transformation-levels .wp-block-group.is-layout-grid > .wp-block-group {
    padding-top: calc(var(--wp--preset--spacing--30) + 12px) !important;
}

/* tl-number-badge: the inline badge in the heading */
.tl-number-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--wp--preset--gradient--custom-light-blue);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    margin-right: 0.5em;
    vertical-align: middle;
    flex-shrink: 0;
    position: absolute;
    top: -16px;
    left: 16px;
}

/* Cards need relative positioning for the absolute badge */
.transformation-levels .wp-block-group.is-layout-grid > .wp-block-group {
    position: relative;
}