/**
 * Padding Block Styles
 * 
 * Front-end styles for the padding block
 */

.thrivent-padding-block {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure the block takes up space even when transparent */
.thrivent-padding-block:empty {
    display: block;
}

/* Hide the border and text in front-end */
.thrivent-padding-block:not(.is-selected):not(.has-child-selected) {
    border: none !important;
    color: transparent !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .thrivent-padding-block {
        /* Allow mobile-specific height adjustments if needed */
        min-height: 20px;
    }
}