/**
 * Public CSS for Section Adder v2.1 plugin.
 */

/* Basic styling for content inserted by Section Adder v2.1 */
.section-adder-v2-1-content {
    margin:  0;
    transition: all 0.3s ease;
}

/* Animation for content being inserted */
@keyframes sectionAdderFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-adder-v2-1-content.animated {
    animation: sectionAdderFadeIn 0.5s ease forwards;
}

/* Container for section content */
.section-adder-v2-1-content-inner {
    width: 100%;
    box-sizing: border-box;
}

/* Responsive styling */
@media (max-width: 768px) {
    .section-adder-v2-1-content {
        margin: 0;
    }
}

/* Section-specific styling can be added by users in their HTML content */