/* Main Container */
.pkp_structure_content {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for responsiveness */
    gap: 20px;       /* Gap between columns */
}

/* Sidebars (Left and Right) */
.pkp_structure_sidebar {
    /* flex-grow: 0   -> Do not grow */
    /* flex-shrink: 0 -> Do not shrink */
    /* flex-basis: 250px -> Fixed base width */
    flex: 0 0 20%;
    /* Option: Use percentage instead (e.g., flex: 0 0 25%;) */
}

/* Main Content */
.pkp_structure_main {
    /* flex-grow: 1   -> Fill remaining space */
    /* flex-shrink: 1 -> Shrink if necessary */
    /* flex-basis: 0% -> Basis for calculation */
    flex: 1;

    /* Important: Prevents content overflow issues in Flexbox */
    min-width: 0;
}

/* Visual Order - Optional but recommended */
/* Ensures correct visual layout regardless of HTML order */

.pkp_structure_sidebar.left {
    order: 1;
}

.pkp_structure_main {
    order: 2;
}

.pkp_structure_main:before, .pkp_structure_main:after{
    width:0;
}

.pkp_block .title{
    border-bottom: 3px solid #1E6292;
    padding-bottom: 5px;
}

@media (min-width: 768px){
    .pkp_structure_sidebar.right {
        order: 3;
    }
}


/* --- Responsive Design (Mobile & Tablet) --- */
@media (max-width: 991px) {
    .pkp_structure_content {
        flex-direction: column;
    }

    .pkp_structure_sidebar,
    .pkp_structure_main {
        flex: 0 0 100%;
        width: 100%;
        order: unset; /* Reset order for mobile view */
    }
}