/**
 * Skład Celny Layout Fixes v8.1
 * - Responsive Header Spacing & Overlap now handled via functions.php (V4 Nuclear)
 * - Typography consistency and column layout kept here.
 */

/* 1. Content Wrapper Base */
html body.page-id-2014 .page-content-wrapper .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-top: 650px !important;
    /* Default for Desktop */
}

/* 1.1 Typography Consistency */
.page-id-2014 .biggerHead {
    font-size: 45px !important;
    line-height: 60px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    margin-bottom: 40px !important;
    color: #0a0a0a !important;
}

/* 2. Column Layout Fixes */
@media (max-width: 1400px) {
    .page-id-2014 .wp-block-columns {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .page-id-2014 .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: none !important;
        margin: 0 0 50px 0 !important;
        padding: 0 !important;
        display: block !important;
        float: none !important;
    }
}

/* Restore 2-column only on Desktop (>1400px) */
@media (min-width: 1401px) {
    .page-id-2014 .wp-block-columns {
        display: flex !important;
        flex-direction: row !important;
        gap: 40px !important;
    }

    .page-id-2014 .wp-block-column {
        width: calc(50% - 20px) !important;
    }
}

/* 3. Responsive Typography */
@media (max-width: 768px) {

    .page-id-2014 .biggerHead,
    .page-id-2014 h2.biggerHead {
        font-size: 28px !important;
        line-height: 38px !important;
    }
}

/* 4. Nuclear Sidebar/Padding Fix (5%) */
.page-id-2014 .service-content-wrapper,
.page-id-2014 .entry-content,
.page-id-2014 .site-content {
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

.page-id-2014 ul,
.page-id-2014 ol {
    padding-left: 10% !important;
}