/**
 * Sidebar layout
 */

.kutby-layout {
  display: grid;
  gap: var(--kutby-space-6);
}

@media (min-width: 1024px) {
  .kutby-has-sidebar .kutby-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }

  .kutby-sidebar-left .kutby-layout {
    grid-template-columns: 320px minmax(0, 1fr);
  }

  .kutby-sidebar-left .kutby-sidebar {
    order: -1;
  }
}

.kutby-sidebar .widget {
  margin-bottom: var(--kutby-space-5);
}
