/**
 * Custom Section No Title Styles
 * Styles for custom sections when title is hidden
 * Remove all borders and box styling when title is hidden
 */

/* When title is hidden, remove ALL borders and box styling */
.custom-section .stat-box:not(:has(.stat-box-header)) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove all borders from content when no header */
.custom-section .stat-box:not(:has(.stat-box-header)) .stat-box-content {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Remove ALL borders from inner content elements */
.custom-section .stat-box:not(:has(.stat-box-header)) .posts-list-icon,
.custom-section .stat-box:not(:has(.stat-box-header)) .custom-content,
.custom-section .stat-box:not(:has(.stat-box-header)) .shortcode-content {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
}

/* Special handling for posts list - remove all item borders */
.custom-section .stat-box:not(:has(.stat-box-header)) .posts-list-icon {
    border: none !important;
    background: transparent !important;
}

.custom-section .stat-box:not(:has(.stat-box-header)) .post-item-icon {
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

/* Keep hover effect but without border */
.custom-section .stat-box:not(:has(.stat-box-header)) .post-item-icon:hover {
    background-color: rgba(255, 243, 205, 0.3) !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .custom-section .stat-box:not(:has(.stat-box-header)) {
        margin-top: 0 !important;
    }
    
    .custom-section .stat-box:not(:has(.stat-box-header)) .stat-box-content {
        padding-top: 0 !important;
    }
}

/* Desktop adjustments */
@media (min-width: 768px) {
    .custom-section .stat-box:not(:has(.stat-box-header)) {
        margin-top: 0 !important;
    }
    
    .custom-section .stat-box:not(:has(.stat-box-header)) .stat-box-content {
        padding-top: 0 !important;
    }
}