/* Basic structural CSS for the Page Collator plugin */
.pc-container {
    width: 100%;
    position: relative;
    scroll-behavior: smooth;
}

.pc-section {
    width: 100%;
    /* Uncomment below if you want sections to take full height by default */
    /* min-height: 100vh; */
    position: relative;
    /* Basic scroll padding for sticky headers - adjust based on your theme */
    scroll-margin-top: 100px;
}

.pc-inner {
    width: 100%;
    max-width: 100%; /* adjust if you want constraints */
    margin: 0 auto;
}

/* Force multi-column layout for Otter Blocks/ThemeIsle Advanced Columns */
.wp-block-themeisle-blocks-advanced-columns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px; /* basic gap fallback */
}

.wp-block-themeisle-blocks-advanced-column {
    flex: 1 1 0% !important;
    min-width: 250px; /* prevents columns from being TOO thin on mobile */
}

@media (max-width: 768px) {
    .wp-block-themeisle-blocks-advanced-columns {
        flex-direction: column !important;
    }
    .wp-block-themeisle-blocks-advanced-column {
        flex: 1 1 100% !important;
    }
}