/* Default styling for permalinks-list when NOT in the footer */
.permalinks-list .list-inline-item {
    display: list-item; /* Override Bootstrap's .list-inline-item to make it a list */
    text-align: left;   /* Align text to the left */
    margin-left: 0;     /* Remove inline margins */
    margin-right: 0;
}

/* Ensure no pipes by default, as a fallback */
.permalinks-list .list-inline-item::after {
    content: none;
}


/* --- Specific styles for when Permalinks block is inside the Footer Block --- */

/* Target the permalinks-block ONLY when it's a descendant of .wrapper-footer */
.wrapper-footer .permalinks-block .permalinks-list .list-inline-item {
    display: inline-block; /* Make them inline again when in footer */
    text-align: center;    /* Center text for inline items */
}

/* Apply the pipe only to .list-inline-item elements that are descendants
   of .wrapper-footer AND are not the last child within their .permalinks-list */
.wrapper-footer .permalinks-block .permalinks-list .list-inline-item:not(:last-child)::after {
    content: '|';
    margin-left: 0.5rem; /* Adjust spacing as needed */
    margin-right: 0.5rem; /* Adjust spacing as needed */
    color: inherit; /* Inherit text color from parent, or set a specific color */
}