/**
 * Custom Sections Styles
 *
 * Styles for the Custom Section CPT output when rendered via shortcode
 */

/* Base container styling */
.lubinik-custom-section {
    margin: 0 auto;
    width: 100%;
    position: relative;
    /* Use CSS variables for consistent styling with theme */
    color: var(--lubinik-text-color, #333);
}

/* Error messages (only visible to admins) */
.lubinik-custom-section-error {
    padding: 15px;
    margin: 15px 0;
    border-left: 4px solid #dc3232;
    background-color: #fdf2f2;
    color: #444;
    font-size: 14px;
}

/* 
 * Note: Most of the styling for content within custom sections
 * will be handled by Gutenberg's own CSS for blocks. This file
 * primarily handles the outer container and any custom elements
 * specific to our implementation.
 */

/* When custom sections are used within the shortcode settings manager */
.shortcode-section .lubinik-custom-section {
    /* Ensure proper spacing within shortcode sections */
    padding: 20px 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .lubinik-custom-section {
        /* Adjust padding on mobile */
        padding: 15px 0;
    }
}