/* 
   ==========================================================================
   PC / DESKTOP STYLE (> 1024px)
   ========================================================================== 
*/

@media screen and (min-width: 1025px) {
    .container { width: 1200px; }
    
    .layout-sidebar_left, .layout-sidebar_right { display: flex; gap: 20px; }
    .layout-sidebar_left .sidebar { order: -1; }
    .sidebar { width: 300px; display: block; }
    
    /* Gallery: 5 images per row (20% each) */
    .widget-render.type-image { 
        width: 20% !important; 
    }
    
    /* Columns */
    .column-wrapper { gap: 15px; }
    
    /* Form 50% width works */
    .form-item.w-50 { width: calc(50% - 7.5px); }
    
    .hero-banner h1 { font-size: 48px; }
    .hero-banner p { font-size: 20px; }

    /* Ensure Nav is visible and horizontal */
    .nav {
        display: flex !important;
        position: static;
        width: auto;
        background: none;
        box-shadow: none;
    }
}