/* Custom Service Box Widget Styles */
.custom-service-box {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensures boxes in the same row can have equal height */
}

.custom-service-box-icon {
    /* Spacing is now controlled by the widget */
}

.custom-service-box-icon i,
.custom-service-box-icon svg {
    /* Size is now controlled by the widget */
}

.custom-service-box-title {
    margin-top: 0;
    /* Font size and spacing are now controlled by the widget */
}

.custom-service-box-list-wrapper {
    /* Spacing is now controlled by the widget */
    flex-grow: 1; /* This makes sure the button is always at the bottom */
}

.custom-service-box-list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: inherit; /* Inherits alignment from parent */
}

.custom-service-box-list li {
    /* Font size is now controlled by the widget */
    margin-bottom: 5px;
}

.service-item-hidden {
    display: none;
}

.service-list-toggle {
    cursor: pointer;
    font-weight: bold; /* Default, can be overridden */
    display: inline-block;
}

.custom-service-box-button-wrapper {
    margin-top: auto; /* Pushes the button to the bottom */
}

.custom-service-box-button {
    display: inline-block;
    text-decoration: none;
    /* Typography and padding are now controlled by the widget */
}