/* ==========================================================================
   Container Block — SNS Fabricators
   ========================================================================== */

.sns-container {
    position: relative;
    overflow: hidden;
}

.sns-container--full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.sns-container__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.sns-container__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-height: inherit;
}

/* Inherit text color to children */
.sns-container[style*="color"] h1,
.sns-container[style*="color"] h2,
.sns-container[style*="color"] h3,
.sns-container[style*="color"] h4,
.sns-container[style*="color"] h5,
.sns-container[style*="color"] h6,
.sns-container[style*="color"] p,
.sns-container[style*="color"] li,
.sns-container[style*="color"] span {
    color: inherit;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .sns-container__inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 480px) {
    .sns-container__inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ── Editor ──────────────────────────────────────────────────────────────── */

.sns-container--preview {
    width: 100%;
    margin-left: 0;
}