/* ==========================================================
   DESKTOP: sidebar LEFT, main content RIGHT
   ========================================================== */
@media (min-width: 769px) {
    /* Sidebar block on LEFT */
    .pkp_structure_sidebar {
        float: left !important;
        width: 25% !important;
    }

    /* Main content to the RIGHT */
    .pkp_structure_main {
        float: right !important;
        width: 75% !important;
    }

    /* Remove vertical line/border between sidebar and main content */
    .pkp_structure_sidebar::before,
    .pkp_structure_main::before,
    .pkp_structure_sidebar::after,
    .pkp_structure_main::after {
        display: none !important;
    }

    /* Reduce icons by 15% on desktop */
    .pkp_structure_sidebar img {
        transform: scale(0.85) !important;
        transform-origin: center !important;
        max-width: 85% !important;
        height: auto !important;
    }
}

/* ==========================================================
   MOBILE: sidebar below content
   ========================================================== */
@media (max-width: 768px) {
    /* Make layout vertical */
    .pkp_structure_main,
    .pkp_structure_sidebar {
        float: none !important;
        width: 100% !important;
    }

    /* Sidebar moves below main content */
    .pkp_structure_sidebar {
        order: 99 !important;
        margin: 20px 0 0 0 !important;
    }

    /* Reduce icons by 15% on mobile */
    .pkp_structure_sidebar img {
        transform: scale(0.85) !important;
        transform-origin: center !important;
        max-width: 85% !important;
        height: auto !important;
    }
}

/* ==========================================================
   PDF VIEW: hide custom header - EXACT SAME AS SOR
   ========================================================== */
body[id*="pdf"] .gradient-header,
body[class*="pdf"] .gradient-header,
body:has(#pdfCanvas) .gradient-header,
body:has([src*=".pdf"]) .gradient-header,
body:has(iframe[src*="pdf"]) .gradient-header,
#pdfCanvas ~ .gradient-header {
    display: none !important;
}

/* Reduce icons by 15% for all screen sizes */
.pkp_structure_sidebar img {
    transform: scale(0.85) !important;
    transform-origin: center !important;
    max-width: 85% !important;
    height: auto !important;
}